@import url(reset.min.css);
@import url(swiper.min.css);
@charset "UTF-8";
input, textarea { resize: none }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none }
.flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.f_direction_column { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.f_direction_row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row }
.f_direction_row_reverse { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse }
.f_column { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.f_column_right { -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse }
.f_row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row }
.f_row_right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse }
.j_center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center }
.j_end { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end }
.j_start { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start }
.j_justify { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.j_around { -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around }
.a_start { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start }
.a_end { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end }
.a_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.a_baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline }
.a_stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch }
.dh { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.flex_wrap { flex-wrap: wrap; -ms-flex-wrap: wrap }
.letterBig { text-transform: uppercase }
.pb { width: 100%; height: 0; padding-bottom: 100%; position: relative }
.ab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center }
.abImg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%) }
.xzx { transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg) }
.xzy { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg) }
.w1800 { width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 60px }
.w1680 { width: 100%; max-width: 1680px; margin: 0 auto }
.w1600 { width: 100%; max-width: 1600px; margin: 0 auto }
.w1560 { width: 100%; max-width: 1560px; margin: 0 auto }
.w1440 { width: 100%; max-width: 1440px; margin: 0 auto }
.w1400, .wrap { width: 100%; max-width: 1400px; margin: 0 auto }
.w1350, .wrap { width: 100%; max-width: 1350px; margin: 0 auto }
.w1280 { width: 100%; max-width: 1280px; margin: 0 auto }
.w1200 { width: 100%; max-width: 1200px; margin: 0 auto }
.font300 { font-size: 300px }
@media (max-width:1600px) {
	.font300 { font-size: 280px }
}
@media (max-width:1560px) {
	.font300 { font-size: 260px }
}
@media (max-width:1470px) {
	.font300 { font-size: 240px }
}
@media (max-width:1366px) {
	.font300 { font-size: 220px }
}
@media (max-width:1200px) {
	.font300 { font-size: 200px }
}
@media (max-width:1024px) {
	.font300 { font-size: 180px }
}
@media (max-width:768px) {
	.font300 { font-size: 160px }
}
@media (max-width:480px) {
	.font300 { font-size: 140px }
}
@media (max-width:360px) {
	.font300 { font-size: 120px }
}
.font150 { font-size: 150px }
@media (max-width:1600px) {
	.font150 { font-size: 140px }
}
@media (max-width:1560px) {
	.font150 { font-size: 130px }
}
@media (max-width:1470px) {
	.font150 { font-size: 120px }
}
@media (max-width:1366px) {
	.font150 { font-size: 110px }
}
@media (max-width:1200px) {
	.font150 { font-size: 100px }
}
@media (max-width:1024px) {
	.font150 { font-size: 90px }
}
@media (max-width:768px) {
	.font150 { font-size: 64px }
}
@media (max-width:480px) {
	.font150 { font-size: 50px }
}
@media (max-width:360px) {
	.font150 { font-size: 40px }
}
.font140 { font-size: 140px }
@media (max-width:1600px) {
	.font140 { font-size: 130px }
}
@media (max-width:1560px) {
	.font140 { font-size: 120px }
}
@media (max-width:1470px) {
	.font140 { font-size: 110px }
}
@media (max-width:1366px) {
	.font140 { font-size: 100px }
}
@media (max-width:1200px) {
	.font140 { font-size: 90px }
}
@media (max-width:1024px) {
	.font140 { font-size: 80px }
}
@media (max-width:768px) {
	.font140 { font-size: 54px }
}
@media (max-width:480px) {
	.font140 { font-size: 40px }
}
@media (max-width:360px) {
	.font140 { font-size: 30px }
}
.font80 { font-size: 80px }
@media (max-width:1600px) {
	.font80 { font-size: 62px }
}
@media (max-width:1470px) {
	.font80 { font-size: 52px }
}
@media (max-width:1024px) {
	.font80 { font-size: 42px }
}
@media (max-width:768px) {
	.font80 { font-size: 32px }
}
.font72 { font-size: 72px }
@media (max-width:1600px) {
	.font72 { font-size: 62px }
}
@media (max-width:1470px) {
	.font72 { font-size: 52px }
}
@media (max-width:1024px) {
	.font72 { font-size: 42px }
}
@media (max-width:768px) {
	.font72 { font-size: 32px }
}
.font60 { font-size: 60px }
@media (max-width:1600px) {
	.font60 { font-size: 40px }
}
@media (max-width:1470px) {
	.font60 { font-size: 38px }
}
@media (max-width:1024px) {
	.font60 { font-size: 36px }
}
@media (max-width:768px) {
	.font60 { font-size: 28px }
}
.font50 { font-size: 50px }
@media (max-width:1600px) {
	.font50 { font-size: 46px }
}
@media (max-width:1470px) {
	.font50 { font-size: 39px }
}
@media (max-width:1024px) {
	.font50 { font-size: 33px }
}
@media (max-width:768px) {
	.font50 { font-size: 27px }
}
.font48 { font-size: 48px }
@media (max-width:1600px) {
	.font48 { font-size: 40px }
}
@media (max-width:1470px) {
	.font48 { font-size: 39px }
}
@media (max-width:1024px) {
	.font48 { font-size: 33px }
}
@media (max-width:768px) {
	.font48 { font-size: 25px }
}
.font46 { font-size: 46px }
@media (max-width:1600px) {
	.font46 { font-size: 43px }
}
@media (max-width:1470px) {
	.font46 { font-size: 36px }
}
@media (max-width:1024px) {
	.font46 { font-size: 30px }
}
@media (max-width:768px) {
	.font46 { font-size: 27px }
}
.font44 { font-size: 44px }
@media (max-width:1600px) {
	.font44 { font-size: 42px }
}
@media (max-width:1470px) {
	.font44 { font-size: 38px }
}
@media (max-width:1024px) {
	.font44 { font-size: 32px }
}
@media (max-width:768px) {
	.font44 { font-size: 26px }
}
.font42 { font-size: 42px }
@media (max-width:1600px) {
	.font42 { font-size: 40px }
}
@media (max-width:1470px) {
	.font42 { font-size: 36px }
}
@media (max-width:1024px) {
	.font42 { font-size: 30px }
}
@media (max-width:768px) {
	.font42 { font-size: 24px }
}
.font40 { font-size: 40px }
@media (max-width:1600px) {
	.font40 { font-size: 38px }
}
@media (max-width:1470px) {
	.font40 { font-size: 33px }
}
@media (max-width:1024px) {
	.font40 { font-size: 29px }
}
@media (max-width:768px) {
	.font40 { font-size: 24px }
}
.font36 { font-size: 36px }
@media (max-width:1600px) {
	.font36 { font-size: 32px }
}
@media (max-width:1470px) {
	.font36 { font-size: 28px }
}
@media (max-width:1024px) {
	.font36 { font-size: 24px }
}
@media (max-width:768px) {
	.font36 { font-size: 20px }
}
.font32 { font-size: 32px }
@media (max-width:1600px) {
	.font32 { font-size: 24px }
}
@media (max-width:1470px) {
	.font32 { font-size: 24px }
}
@media (max-width:1024px) {
	.font32 { font-size: 22px }
}
@media (max-width:768px) {
	.font32 { font-size: 20px }
}
.font30 { font-size: 30px }
@media (max-width:1600px) {
	.font30 { font-size: 26px }
}
@media (max-width:1470px) {
	.font30 { font-size: 22px }
}
@media (max-width:1024px) {
	.font30 { font-size: 20px }
}
@media (max-width:768px) {
	.font30 { font-size: 18px }
}
.font28 { font-size: 28px }
@media (max-width:1600px) {
	.font28 { font-size: 24px }
}
@media (max-width:1470px) {
	.font28 { font-size: 20px }
}
@media (max-width:1024px) {
	.font28 { font-size: 18px }
}
@media (max-width:768px) {
	.font28 { font-size: 16px }
}
.font26 { font-size: 26px }
@media (max-width:1600px) {
	.font26 { font-size: 23px }
}
@media (max-width:1470px) {
	.font26 { font-size: 21px }
}
@media (max-width:1024px) {
	.font26 { font-size: 19px }
}
@media (max-width:768px) {
	.font26 { font-size: 16px }
}
.font24 { font-size: 24px }
@media (max-width:1600px) {
	.font24 { font-size: 18px }
}
@media (max-width:1470px) {
	.font24 { font-size: 16px }
}
@media (max-width:1024px) {
	.font24 { font-size: 15px }
}
@media (max-width:768px) {
	.font24 { font-size: 14px }
}
.font22 { font-size: 22px }
@media (max-width:1600px) {
	.font22 { font-size: 18px }
}
@media (max-width:1470px) {
	.font22 { font-size: 16px }
}
@media (max-width:1024px) {
	.font22 { font-size: 14px }
}
@media (max-width:768px) {
	.font22 { font-size: 12px }
}
.font20 { font-size: 20px }
@media (max-width:1600px) {
	.font20 { font-size: 15px }
}
@media (max-width:1470px) {
	.font20 { font-size: 14px }
}
@media (max-width:1024px) {
	.font20 { font-size: 12px }
}
.font18 { font-size: 18px }
@media (max-width:1600px) {
	.font18 { font-size: 16px }
}
@media (max-width:1470px) {
	.font18 { font-size: 13px }
}
@media (max-width:768px) {
	.font18 { font-size: 12px }
}
.font16 { font-size: 16px }
@media (max-width:1600px) {
	.font16 { font-size: 14px }
}
@media (max-width:768px) {
	.font16 { font-size: 12px }
}
.font14 { font-size: 14px }
@media (max-width:1470px) {
	.font14 { font-size: 12px }
}
@media (max-width:768px) {
	.font14 { font-size: 12px }
}
.font12 { font-size: 12px }
@media (max-width:1800px) {
	.w1680 { max-width: 100%; padding: 0 60px }
}
@media (max-width:1720px) {
	.w1600 { max-width: 100%; padding: 0 60px }
}
@media (max-width:1680px) {
	.w1560 { max-width: 100%; padding: 0 60px }
}
@media (max-width:1560px) {
	.w1440 { max-width: 100%; padding: 0 60px }
}
@media (max-width:1520px) {
	.w1400, .wrap { max-width: 100%; padding: 0 60px }
}
@media (max-width:1470px) {
	.w1350, .wrap { max-width: 100%; padding: 0 60px }
}
@media (max-width:1400px) {
	.w1280 { padding: 0 60px }
}
@media (max-width:1320px) {
	.w1200 { max-width: 100%; padding: 0 60px }
}
@media (max-width:1024px) {
	.w1800, .w1680, .w1560, .w1400, .w1350, .wrap, .w1440, .w1600, .w1280, .w1200 { padding: 0 30px }
}
@media (max-width:990px) {
	.w1800, .w1680, .w1560, .w1400, .w1350, .wrap, .w1440, .w1600, .w1280, .w1200 { padding: 0 20px }
	.pc { display: none !important }
	.wap, .mobile { display: block !important }
}
.content { width: 1260px; margin: 0 auto }
@media (max-width:1470px) {
	.content { width: 1100px !important }
}
@media (max-width:1280px) {
	.content { width: auto !important; padding: 0 40px; margin: 0 auto }
}
@media (max-width:768px) {
	.content { padding: 0 17.5px }
}
.pc { display: block }
.wap, .mobile { display: none }
.radius_16 { border-radius: 16px }
@media (max-width:1600px) {
	.radius_16 { border-radius: 14px }
}
@media (max-width:1366px) {
	.radius_16 { border-radius: 12px }
}
@media (max-width:1024px) {
	.radius_16 { border-radius: 10px }
}
@media (max-width:768px) {
	.radius_16 { border-radius: 8px }
}
@keyframes run {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
@keyframes run2 {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(-360deg) }
}
@keyframes tran_run {
	0% { transform: translate(-50%, -50%) rotate(0deg) }
	100% { transform: translate(-50%, -50%) rotate(360deg) }
}
@keyframes tran_run2 {
	0% { transform: translate(-50%, -50%) rotate(0deg) }
	100% { transform: translate(-50%, -50%) rotate(-360deg) }
}
@keyframes tran_boost {
	0% { transform: scale(0); opacity: 1 }
	100% { transform: scale(1); opacity: .3 }
}
.videotape { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.55); z-index: 9998; display: none }
.videotex { position: fixed; width: 1400px; max-width: calc(100% - 100px); height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none }
.videotex video { width: 100%; object-fit: fill }
.videotex .close { width: 40px; height: 40px; border-radius: 50%; background: #fff; position: absolute; right: -20px; top: -20px; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 30px; color: #008bd5; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.videotex .close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); background: #008bd5; color: #fff }
.videotex .video { width: 100%; height: 0; padding-bottom: 56.25%; position: relative }
.videotex .video video, .videotex .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; object-fit: fill }
@media (max-width:1440px) {
	.videotex { max-width: 70% }
}
@media (max-width:768px) {
	.videotex { width: 100%; max-width: 100% }
	.videotex .close { right: 0; top: -40px }
}
.selfForm .zs { font-size: 12px; position: relative; padding-right: 15px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.selfForm .zs::before { position: absolute; content: "\e602"; font-family: "iconfont"; right: 0; font-size: 8px; transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); color: #555 }
.selfForm .xl { display: none }
.header_nbsp { widows: 100%; height: 100px }
@media (max-width:1366px) {
	.header_nbsp { height: 80px }
}
@media (max-width:990px) {
	.header_nbsp { display: none }
}
.activeShow { transform: translateX(100%) }
.m_header_box { width: 100%; height: auto; display: none; position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0 1px 0 #eee }
.m_header_box .header_title { width: 100%; height: 60px; padding: 0 20px; position: relative; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden }
.m_header_box .header_title .logo { width: auto; height: 100%; overflow: hidden }
.m_header_box .header_title .logo a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100% }
.m_header_box .header_title .logo img { max-height: 30px }
.m_header_box .header_title .column { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.m_header_box .header_title .menu_btn { width: 30px; height: 30px; position: relative; overflow: hidden; cursor: pointer }
.m_header_box .header_title .menu_btn::after, .m_header_box .header_title .menu_btn::before, .m_header_box .header_title .menu_btn i { width: 70%; height: 2px; display: block; background: #000; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -35%; transform-origin: center; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.m_header_box .header_title .menu_btn::before { content: ''; margin-top: -8px }
.m_header_box .header_title .menu_btn::after { content: ''; margin-top: 6px }
.m_header_box .header_title .menu_btn.active i { opacity: 0 }
.m_header_box .header_title .menu_btn.active::before { margin-top: -1px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); border-radius: 5px; background: #008bd5 }
.m_header_box .header_title .menu_btn.active::after { margin-top: -1px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); border-radius: 5px; background: #008bd5 }
.m_header_box .header_title .head_btn { width: auto; height: 30px; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer; overflow: hidden }
.m_header_box .header_title .head_btn .icon { max-width: 14px; height: 14px; font-size: 0; margin-right: 5px; filter: invert(1); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.m_header_box .header_title .head_btn .link { line-height: 1; font-size: 12px; color: #000; margin-top: 3px }
.m_header_box .header_title .head_btn .link span { opacity: .6 }
.m_header_box .header_title .head_btn .link a { color: #000; opacity: .6; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.m_header_box .header_title .head_btn .link a:hover { opacity: 1 }
.m_header_box .header_title .head_btn:hover .icon { filter: invert(1) }
.m_header_box .header_title .head_btn:hover .link { color: #000 }
.m_header_box .header_title .head_btn:hover .link a, .m_header_box .header_title .head_btn:hover .link span { color: #000 }
.m_header_box .header_body { width: 100%; height: calc(100vh - 60px); background: #f7f7f7; display: none; overflow: hidden }
.m_header_box .header_body .menu_info { width: 100%; height: 100%; padding: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; overflow: hidden }
.m_header_box .header_body .menu_nav { width: 100%; height: auto; flex: 1; padding: 20px; overflow: hidden; overflow-y: auto }
.m_header_box .header_body .menu_nav ul { margin: 0; padding: 0 }
.m_header_box .header_body .menu_nav ul li { width: 100%; height: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.03); overflow: hidden }
.m_header_box .header_body .menu_nav ul li .one { width: 100%; height: auto; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden }
.m_header_box .header_body .menu_nav ul li .one a { padding: 15px 0; display: block; font-size: 14px; color: #282f36; line-height: 1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative }
.m_header_box .header_body .menu_nav ul li .one a .subtitle { font-size: 14px; margin-right: 10px }
.m_header_box .header_body .menu_nav ul li .one a .title { font-size: 14px }
.m_header_box .header_body .menu_nav ul li .one .icon { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: -10px; position: absolute; right: 0; top: 50%; font-size: 0; color: #282f36; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.m_header_box .header_body .menu_nav ul li .one .icon i { font-size: 8px }
.m_header_box .header_body .menu_nav ul li .one.active a { color: #008bd5 }
.m_header_box .header_body .menu_nav ul li .one.active .icon { color: #008bd5 }
.m_header_box .header_body .menu_nav ul li .one.active.is_active .icon { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) }
.m_header_box .header_body .menu_nav ul li ul { border-top: 1px solid #008bd5; display: none }
.m_header_box .header_body .menu_nav ul li ul li { border: 0; margin: 15px 0 }
.m_header_box .header_body .menu_nav ul li ul li a { font-size: 13px; padding: 0 0 0 20px; color: #333; position: relative }
.m_header_box .header_body .menu_nav ul li ul li a .icon { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; left: 0; top: 50%; margin-top: -8px; color: #333 }
.m_header_box .header_body .menu_nav ul li ul li a .icon i { font-size: 8px }
.m_header_box .header_body .menu_nav ul li ul li a.active { color: #008bd5 }
.m_header_box .header_body .menu_nav ul li ul li a.active .icon { color: #008bd5 }
.m_header_box .header_body .menu_nav ul li ul li ul { border: 0; display: none }
.m_header_box .header_body .menu_nav ul li ul li ul li a { padding: 10px 0 10px 35px; font-size: 12px; color: #999 }
.m_header_box .header_body .menu_nav ul li ul li ul li a:before { content: ''; width: 5px; height: 1px; background: #999; position: absolute; top: 50%; left: 20px; margin-top: -1.5px; z-index: 1 }
.m_header_box .header_body .menu_nav ul li ul li ul li a.active:before { background: #008bd5 }
.m_header_box .header_body .menu_form { width: 100%; height: auto; margin-top: 20px; padding: 0 20px; overflow: hidden }
.m_header_box .header_body .menu_form .center { width: 100%; height: 50px; background: #fff; overflow: hidden }
.m_header_box .header_body .menu_form .center form { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.m_header_box .header_body .menu_form .center form input { flex: 1; height: 100%; padding: 0 15px; font-size: 14px; color: #282f36; border: 0 }
.m_header_box .header_body .menu_form .center form button { width: 70px }
.m_header_box .header_body .menu_form .center form button i { font-size: 18px }
.m_header_box .header_body .menu_lang { width: 100%; height: auto; margin-top: 40px; padding: 0 20px; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden }
.m_header_box .header_body .menu_lang .one { width: auto; height: 36px; margin-right: 10px; overflow: hidden }
.m_header_box .header_body .menu_lang .one a { width: 100%; height: 100%; padding: 0 1em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: #fff; border-radius: 50px; font-size: 12px; color: #282f36 }
.m_header_box .header_body .menu_lang .one a.active { background: #008bd5; color: #fff }
@media (max-width:990px) {
	.m_header_box { display: block }
}
.m_header_nbsp { width: 100%; height: 60px; display: none; overflow: hidden }
@media (max-width:990px) {
	.m_header_nbsp { display: block }
}
.idx_title .title { font-size: 48px; color: #000; line-height: 1; font-family: "Bahnschrift" }
@media (max-width:1600px) {
	.idx_title .title { font-size: 40px }
}
@media (max-width:1470px) {
	.idx_title .title { font-size: 39px }
}
@media (max-width:1024px) {
	.idx_title .title { font-size: 33px }
}
@media (max-width:768px) {
	.idx_title .title { font-size: 25px }
}
.idx_title .subtitle { font-size: 24px; color: #000; margin-top: min(3.3854166666666665vw, 65px); margin-bottom: min(2.083333333333333vw, 40px) }
@media (max-width:1600px) {
	.idx_title .subtitle { font-size: 18px }
}
@media (max-width:1470px) {
	.idx_title .subtitle { font-size: 16px }
}
@media (max-width:1024px) {
	.idx_title .subtitle { font-size: 15px }
}
@media (max-width:768px) {
	.idx_title .subtitle { font-size: 14px }
}
@media (max-width:1024px) {
	.idx_title .subtitle { margin-top: 32.5px }
}
@media (max-width:1024px) {
	.idx_title .subtitle { margin-bottom: 20px }
}
.idx_title .content { font-size: 16px; line-height: 1.875; color: #666 }
@media (max-width:1600px) {
	.idx_title .content { font-size: 14px }
}
@media (max-width:768px) {
	.idx_title .content { font-size: 12px }
}
@media (max-width:768px) {
	.idx_title .subtitle { margin-top: 20px !important; margin-bottom: 10px !important }
}
.pushButton { width: 160px; height: 50px; border-radius: 40px; border: 1px solid #008bd5; font-size: 14px; color: #008bd5 }
@media (max-width:1470px) {
	.pushButton { font-size: 12px }
}
@media (max-width:768px) {
	.pushButton { font-size: 12px }
}
.pushButton i { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 19px; font-size: 22px }
.pushButton a { font-size: 14px }
@media (max-width:1470px) {
	.pushButton a { font-size: 12px }
}
@media (max-width:768px) {
	.pushButton a { font-size: 12px }
}
@media (max-width:1150px) {
	.pushButton { width: 145px; height: 40px }
}
@media (max-width:990px) {
	.pushButton { width: 125px !important; height: 35px !important }
	.pushButton i { display: none }
}
.pageButton { width: 160px; height: 50px; border-radius: 40px; border: 1px solid #e5e5e5; font-size: 16px; color: #000 }
@media (max-width:1600px) {
	.pageButton { font-size: 14px }
}
@media (max-width:768px) {
	.pageButton { font-size: 12px }
}
.pageButton i { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 19px; font-size: 22px }
.pageButton a { font-size: 14px }
@media (max-width:1470px) {
	.pageButton a { font-size: 12px }
}
@media (max-width:768px) {
	.pageButton a { font-size: 12px }
}
@media (max-width:1150px) {
	.pageButton { width: 145px; height: 40px }
}
@media (max-width:990px) {
	.pageButton { width: 125px !important; height: 35px !important }
	.pageButton i { display: none }
}
.pageButton2 { width: 160px; height: 50px; border-radius: 40px; border: 1px solid #1f3b21; font-size: 16px; color: #1f3b21 }
@media (max-width:1600px) {
	.pageButton2 { font-size: 14px }
}
@media (max-width:768px) {
	.pageButton2 { font-size: 12px }
}
.pageButton2 i { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 19px; font-size: 22px }
.pageButton2 a { font-size: 14px }
@media (max-width:1470px) {
	.pageButton2 a { font-size: 12px }
}
@media (max-width:768px) {
	.pageButton2 a { font-size: 12px }
}
@media (max-width:1150px) {
	.pageButton2 { width: 145px; height: 40px }
}
@media (max-width:990px) {
	.pageButton2 { width: 125px !important; height: 35px !important }
	.pageButton2 i { display: none }
}
.allMeun { position: fixed; top: 0; right: 0; width: 100%; padding: 2% 5%; height: 100%; z-index: 9999999; background: #000a19; transition: all .8s; overflow: hidden }
.allMeun ul { margin-left: 10% }
.allMeun ul a { color: #fff; font-size: 48px; font-weight: 900; margin: 1% 0; display: block; transition: all .3s }
@media (max-width:1600px) {
	.allMeun ul a { font-size: 40px }
}
@media (max-width:1470px) {
	.allMeun ul a { font-size: 39px }
}
@media (max-width:1024px) {
	.allMeun ul a { font-size: 33px }
}
@media (max-width:768px) {
	.allMeun ul a { font-size: 25px }
}
.allMeun ul a:hover { color: #e77f2a }
@media (max-width:768px) {
	.allMeun ul a { font-size: 30px }
}
@media (max-width:768px) and (max-width:1600px) {
	.allMeun ul a { font-size: 26px }
}
@media (max-width:768px) and (max-width:1470px) {
	.allMeun ul a { font-size: 22px }
}
@media (max-width:768px) and (max-width:1024px) {
	.allMeun ul a { font-size: 20px }
}
@media (max-width:768px) and (max-width:768px) {
	.allMeun ul a { font-size: 18px }
}
.allMeun .close { color: #fff; position: absolute; top: 5%; right: 5%; font-size: 30px; cursor: pointer }
@media (max-width:1600px) {
	.allMeun .close { font-size: 26px }
}
@media (max-width:1470px) {
	.allMeun .close { font-size: 22px }
}
@media (max-width:1024px) {
	.allMeun .close { font-size: 20px }
}
@media (max-width:768px) {
	.allMeun .close { font-size: 18px }
}
.pager_in { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: min(3.125vw, 60px); grid-gap: 3px }
@media (max-width:1024px) {
	.pager_in { margin-top: 30px }
}
.pager_in .it { width: 47px; height: 35px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; font-size: 18px; color: #000 }
@media (max-width:1600px) {
	.pager_in .it { font-size: 16px }
}
@media (max-width:1470px) {
	.pager_in .it { font-size: 13px }
}
@media (max-width:768px) {
	.pager_in .it { font-size: 12px }
}
.pager_in .it:hover, .pager_in .it.active { background: #008bd5; color: #fff; transition: all .5s }
.pager_in .pagination-prev { width: 100%; height: 100%; background: url(../images/contact/pagination-prev.svg) no-repeat center; display: block }
.pager_in .pagination-prev:hover { background: url(../images/contact/-pagination-prev.svg) no-repeat center }
.pager_in .pagination-next { width: 100%; height: 100%; background: url(../images/contact/pagination-next.svg) no-repeat center; display: block }
.pager_in .pagination-next:hover { background: url(../images/contact/-pagination-next.svg) no-repeat center }
.videomark { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.55); z-index: 9998; display: none }
.videobox { position: fixed; width: 1400px; max-width: calc(100% - 100px); height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none }
.videobox video { width: 100%; object-fit: fill }
.videobox .close { width: 40px; height: 40px; border-radius: 50%; background: #fff; position: absolute; right: -20px; top: -20px; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 30px; color: #008bd5; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.videobox .close:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); background: #008bd5; color: #fff }
.videobox .video { width: 100%; height: 0; padding-bottom: 56.25%; position: relative }
.videobox .video video, .videobox .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-align: center; object-fit: fill }
@media (max-width:1440px) {
	.videobox { max-width: 70% }
}
@media (max-width:768px) {
	.videobox { width: 100%; max-width: 100% }
	.videobox .close { right: 0; top: -40px }
}
@media (max-width:1200px) {
	body { padding-top: 65px }
}
#header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 80px; z-index: 999; margin: auto }
#header .header-pc { position: relative; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s }
#header .header-pc::before { content: ''; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; bottom: 0; left: 0 }
#header .header-pc .header-wrap { padding: 0 30px 0 40px; height: 80px; background-color: #fff; text-align: center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .header-pc .header-wrap .logo { width: 140px;height: 80px; position: absolute; left: 40px; top: 0; 
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
/* #header .header-pc .header-wrap .logo img { opacity: 0 } */
.index-status #header .header-pc .header-wrap .logo img,
.about-status #header .header-pc .header-wrap .logo img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#header.top .header-pc .header-wrap .logo img, 
#header.on .header-pc .header-wrap .logo img, 
#header.onsb .header-pc .header-wrap .logo img {
	-webkit-filter: initial;filter: initial;
}
#header .header-pc .header-wrap .head-right { display: inline-block; line-height: 80px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .header-pc .header-wrap .head-right .nav { position: relative; float: left }
#header .header-pc .header-wrap .head-right .nav dl { float: left; margin-right: min(2.083333333333333vw, 40px); position: relative; z-index: 10 }
@media (max-width:1024px) {
	#header .header-pc .header-wrap .head-right .nav dl { margin-right: 20px }
}
#header .header-pc .header-wrap .head-right .nav dl:last-child { margin-right: 0 }
#header .header-pc .header-wrap .head-right .nav dl:hover { z-index: 20 }
.pls-nav-tag {
    box-sizing: border-box;
    padding: 0 2px;
    height: 12px;
    background: #fff;
    border: 1px solid #f64041;
    box-shadow: 2px 2px 4px 0 rgba(55, 99, 170, .31);
    background: #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin-left: 8px;
}
.red-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #f64041;
    color: #f64041;
}
.blue-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #0052d9;
    color: #0052d9;
}
.pls-nav-tag-text {
    height: 12px;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333);
}
.pls-nav-search-result {
            padding: 10px;
            background: #fff;
            transition: opacity 0.3s ease-in-out;
            margin-top: 62px;
        }
        .pls-nav-search-result-title {
            margin-bottom: 12px;
            font-size: 14px;
            color: #5f7292;
            line-height: 22px;
            padding: 10px 10px 0;
            font-weight: 500;
        }
        .pls-nav-search-result .pls-nav-icon-btn,
        .pls-nav-search-result .pls-nav-tag {
            margin-left: 12px;
        }
        .pls-nav-search-links {
            display: flex;
            flex-wrap: wrap;
            padding: 0 4px 0 10px;
            margin-bottom: 12px;
        }
        .pls-nav-search-links:last-child {
            margin-bottom: 0;
        }
        .pls-nav-search-links.tags .pls-nav-search-link {
            position: relative;
        }
        .pls-nav-search-links.tags .pls-nav-search-link>a {
            max-width: 140px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            background: #f1f2f5;
            border-radius: 2px;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            color: #181818;
            padding: 0 8px;
            box-sizing: border-box;
        }
        .pls-nav-search-links.tags .pls-nav-search-link:hover>a {
            color: #0052d9;
        }
        .pls-nav-search-links.tags .pls-nav-search-link:hover .pls-nav-search-link-opt {
            opacity: 1;
            pointer-events: auto;
        }
        .pls-nav-search-link {
            margin-right: 12px;
            margin-bottom: 8px;
        }
        .pls-nav-search-link>a {
            display: block;
            font-size: 14px;
            line-height: 22px;
            color: #181818;
        }
        .pls-nav-search-link>a:hover {
            color: #0052d9;
        }

#header .header-pc .header-wrap .head-right .nav dt a { font-size: 16px; color: #4f4f4f; position: relative; font-weight: bold }
@media (max-width:1600px) {
	#header .header-pc .header-wrap .head-right .nav dt a { font-size: 14px }
}
@media (max-width:768px) {
	#header .header-pc .header-wrap .head-right .nav dt a { font-size: 12px }
}
#header .header-pc .header-wrap .head-right .nav dt a.on { color: #008bd5 }
#header .header-pc .header-wrap .head-right .nav dt a.on::before { content: ''; width: 100%; height: 2px; background-color: #008bd5; position: absolute; left: 0; bottom: 0 }
#header .header-pc .header-wrap .head-right .nav dd { display: none; width: 140px; background-color: #fff; overflow: hidden; position: absolute; left: 50%; top: 80px; margin-left: -70px; font-size: 0 }
#header .header-pc .header-wrap .head-right .nav dd .ovs { height: 100%; padding: 20px 0 10px }
#header .header-pc .header-wrap .head-right .nav dd .ovs a { display: block; font-size: 14px; line-height: 1.5em; margin-bottom: 15px; text-align: center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .header-pc .header-wrap .head-right .nav dd .ovs a.active{color: #008bd5;}
@media (max-width:1470px) {
	#header .header-pc .header-wrap .head-right .nav dd .ovs a { font-size: 12px }
}
@media (max-width:768px) {
	#header .header-pc .header-wrap .head-right .nav dd .ovs a { font-size: 12px }
}
#header .header-pc .header-wrap .head-right .nav dd .ovs a.on, #header .header-pc .header-wrap .head-right .nav dd .ovs a:hover { color: #008bd5 }
#header .header-pc .header-wrap .head-right .nav dd.nav-open { width: 100%; max-width: 1920px; position: fixed; left: 50%; margin-left: 0; transform: translateX(-50%); }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom { width: 50.652%; min-width: 1200px; margin: auto }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .row { margin-left: -15px; margin-right: -15px }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs { width: 16.66666667%; padding-left: 15px; padding-right: 15px }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 { font-weight: bold; border-bottom: 1px solid #e6e6e6; margin-top: 6px; margin-bottom: 20px }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs h3 a { margin-bottom: 6px }
#header .header-pc .header-wrap .head-right .nav dd.nav-open .container-custom .ovs a { text-align: left }
#header .header-pc .header-wrap .head-ri { position: absolute; right: 30px; top: 0 }
#header .header-pc .header-wrap .head-ri .login-menu { float: left; margin-right: min(3.958333333333333vw, 76px) }
@media (max-width:1024px) {
	#header .header-pc .header-wrap .head-ri .login-menu { margin-right: 38px }
}
#header .header-pc .header-wrap .head-ri .login-menu .menu-item { display: flex; align-items: center; line-height: 80px; font-size: 14px; color: #888 }
@media (max-width:1470px) {
	#header .header-pc .header-wrap .head-ri .login-menu .menu-item { font-size: 12px }
}
@media (max-width:768px) {
	#header .header-pc .header-wrap .head-ri .login-menu .menu-item { font-size: 12px }
}
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .hover { position: relative; padding-left: 30px; background: no-repeat left center }
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product { background-image: url(../images/-shopping-ico.png) }
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product em { width: 24px; height: 24px; background-color: #f00; font-size: 14px; color: #fff; line-height: 24px; position: absolute; left: 4px; top: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
@media (max-width:1470px) {
	#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product em { font-size: 12px }
}
@media (max-width:768px) {
	#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product em { font-size: 12px }
}
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product:hover { background-image: url(../images/shopping-ico-b.png) !important; color: #008bd5 }
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { background-image: url(../images/-user-ico.png); margin-left: min(1.7708333333333333vw, 34px) }
@media (max-width:1024px) {
	#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { margin-left: 17px }
}
#header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user:hover { background-image: url(../images/user-ico-b.png) !important; color: #008bd5 }
#header .header-pc .header-wrap .head-ri .header-search-button { position: relative; z-index: 101; cursor: pointer; float: left; width: 57px; height: 80px; background: url(../images/-search-ico.png) no-repeat center; margin: 0 20px 0 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .header-pc .header-wrap .head-ri .header-search-button::before { content: ''; width: 1px; height: 18px; background-color: #000; opacity: .2; position: absolute; right: 0; top: 0; bottom: 0; margin: auto }
#header .header-pc .header-wrap .head-ri .header-search-button:hover { background: url(../images/search-ico-b.png) no-repeat center !important }
#header .header-pc .header-wrap .head-ri .language { position: relative; float: left; height: 80px }
#header .header-pc .header-wrap .head-ri .language .language-top { width: 43px; height: 80px; background: url(../images/-language-ico.png) no-repeat center; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .header-pc .header-wrap .head-ri .language .language-con { width: 100%; min-width: 80px; height: auto; padding: 6px 16px; position: absolute; left: -20px; top: 100%; background-color: #008bd5; display: none }
#header .header-pc .header-wrap .head-ri .language .language-con a { display: block; line-height: 34px; font-size: 18px; color: #fff; color: rgba(255, 255, 255, 0.4); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	#header .header-pc .header-wrap .head-ri .language .language-con a { font-size: 16px }
}
@media (max-width:1470px) {
	#header .header-pc .header-wrap .head-ri .language .language-con a { font-size: 13px }
}
@media (max-width:768px) {
	#header .header-pc .header-wrap .head-ri .language .language-con a { font-size: 12px }
}
#header .header-pc .header-wrap .head-ri .language .language-con a:hover { color: #fff }
#header .mask-bg { position: fixed; width: 100%; height: 100vh; opacity: 0; z-index: -1; visibility: hidden }
#header .mask-bg.show { -webkit-transition: all .5s; transition: all .5s; opacity: 1; background-image: url(../images/mask.png); visibility: visible }
#header .header-mobile { display: none; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) }
#header .header-mobile .header { position: relative; z-index: 2; margin: 0 auto; height: 65px; border-bottom: 1px solid rgba(255, 255, 255, 0.1) }
/* #header .header-mobile .header .logo { width: 101px; height: 36px; margin: 15px 0 0 40px; float: left; background: url(../images/-logo.svg) no-repeat center; background-size: cover !important } */
#header .header-mobile .header .logo { width: 101px; height: 36px; margin: 15px 0 0 40px; float: left;display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
#header .header-mobile .header.active { background-color: #fff }
/* #header .header-mobile .header.active .logo { background-image: url(../images/-logo.svg); background-size: cover } */
#header .header-mobile .header.active .ham span { background-color: #008bd5 }
#header .header-mobile .header .user-icon { float: right; width: 65px; height: 65px; background-image: url(../images/user.png); background-size: 21px 20px; background-position: 80% 50%; background-repeat: no-repeat }
#header .header-mobile .header .ham { float: right; position: relative; width: 65px; height: 65px }
#header .header-mobile .header .ham span { position: absolute; top: 50%; left: 50%; margin-top: 1px; margin-left: -14px; width: 28px; height: 2px; background-color: #008bd5; -webkit-transition-duration: .5s; transition-duration: .5s }
#header .header-mobile .header .ham span:first-child { transform: translateY(-8px) }
#header .header-mobile .header .ham span:last-child { transform: translateY(8px) }
#header .header-mobile .header .ham.on span:first-child { transform: rotate(135deg) }
#header .header-mobile .header .ham.on span:nth-child(2) { transform: scale(0) }
#header .header-mobile .header .ham.on span:last-child { transform: rotate(-135deg) }
#header .header-mobile .m-login-menu { width: 100vw; display: flex; overflow: hidden; opacity: 0; flex-direction: column; position: fixed; top: 65px; left: 0; justify-content: flex-start; background: #fff; border-top: 1px solid rgba(0, 139, 213, 0.2); transition: all .1s ease-in-out; max-height: calc(100% - 1.45rem); overflow: auto; z-index: -1; padding-bottom: .2rem; box-sizing: border-box; display: none }
#header .header-mobile .m-login-menu .menu-item { justify-content: center; display: flex; align-items: center; line-height: 80px; font-size: 14px; color: #888 }
#header .header-mobile .m-login-menu .menu-item a { flex: 1; text-align: center }
#header .header-mobile .m-login-menu.visible { opacity: 1; z-index: 99; display: block }
#header .header-mobile .navBox { width: 100%; height: calc(100vh - 65px); padding: 0 40px 20px; background: #f7f7f7; display: none; overflow: hidden }
#header .header-mobile .navBox .menu_info { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; overflow: hidden }
#header .header-mobile .navBox .menu_nav { width: 100%; height: auto; flex: 1; overflow: hidden; overflow-y: auto }
#header .header-mobile .navBox .menu_nav ul li { width: 100%; height: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.03); overflow: hidden }
#header .header-mobile .navBox .menu_nav ul li .one { width: 100%; height: auto; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden }
#header .header-mobile .navBox .menu_nav ul li .one a { padding: 15px 0; display: block; font-size: 14px; color: #282f36; line-height: 1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative }
#header .header-mobile .navBox .menu_nav ul li .one a .subtitle { font-size: 14px; margin-right: 10px }
#header .header-mobile .navBox .menu_nav ul li .one a .title { font-size: 14px }
#header .header-mobile .navBox .menu_nav ul li .one .icon { width: 20px; height: 20px; background: url(../images/ico-nav.png) no-repeat center / 8px 14px; margin-top: -10px; position: absolute; right: 0; top: 50%; font-size: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
#header .header-mobile .navBox .menu_nav ul li .one.active a { color: #008bd5 }
#header .header-mobile .navBox .menu_nav ul li .one.active .icon { color: #008bd5 }
#header .header-mobile .navBox .menu_nav ul li .one.active.is_active .icon { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) }
#header .header-mobile .navBox .menu_nav ul li ul { padding: 10px 0; border-top: 1px solid #008bd5; display: none }
#header .header-mobile .navBox .menu_nav ul li ul li { border: 0 }
#header .header-mobile .navBox .menu_nav ul li ul li a { font-size: 13px; padding: 10px 0 10px 20px; color: #333; position: relative }
#header .header-mobile .navBox .menu_nav ul li ul li a .icon { width: 16px; height: 16px; background: url(../images/ico-nav.png) no-repeat left / 6px 11px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; left: 0; top: 50%; margin-top: -8px; color: #333 }
#header .header-mobile .navBox .menu_nav ul li ul li a.active { color: #008bd5 }
#header .header-mobile .navBox .menu_nav ul li ul li a.active .icon { color: #008bd5 }
#header .header-mobile .navBox .menu_nav ul li ul li ul { border: 0; display: none }
#header .header-mobile .navBox .menu_nav ul li ul li ul li a { padding: 8px 0 8px 35px; font-size: 12px; color: #999 }
#header .header-mobile .navBox .menu_nav ul li ul li ul li a:before { content: ''; width: 5px; height: 1px; background: #999; position: absolute; top: 50%; left: 20px; margin-top: -1.5px; z-index: 1 }
#header .header-mobile .navBox .menu_nav ul li ul li ul li a.active:before { background: #008bd5 }
#header .header-mobile .navBox .nav-ri { width: 100%; height: auto; flex: 1; overflow: hidden; overflow-y: auto }
#header .header-mobile .navBox .menu_form { width: 100%; height: auto; margin-top: 20px; overflow: hidden }
#header .header-mobile .navBox .menu_form .center { width: 100%; height: 50px; background: #fff; overflow: hidden }
#header .header-mobile .navBox .menu_form .center form { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden }
#header .header-mobile .navBox .menu_form .center form input { flex: 1; height: 100%; padding: 0 15px; font-size: 14px; color: #282f36; border: 0 }
#header .header-mobile .navBox .menu_form .center form button { width: 70px; height: 100%; background: url(../images/search-ico.png) no-repeat center #008bd5 }
#header .header-mobile .navBox .menu_lang { width: 100%; height: auto; margin-top: 40px; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden }
#header .header-mobile .navBox .menu_lang .one { width: auto; height: 36px; margin-right: 10px; overflow: hidden }
#header .header-mobile .navBox .menu_lang .one a { width: 100%; height: 100%; padding: 0 1em; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: #fff; border-radius: 50px; font-size: 12px; color: #282f36 }
#header .header-mobile .navBox .menu_lang .one a.active { background: #008bd5; color: #fff }
@media (max-width:768px) {
	#header .header-mobile .header .logo { margin: 15px 0 0 17.5px }
	#header .header-mobile .navBox { padding: 20px 17.5px }
}
/*#header.bottom { top: -80px }*/
#header.top { top: 0 }
@media (max-width:1200px) {
	#header { top: 0 !important }
	#header::before { display: none }
	#header .header-pc { display: none }
	#header .header-mobile { display: block }
}
#header .ico-float { position: fixed; right: -70px;right: 22px; top: 50%; cursor: pointer; z-index: 9; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) }
#header .ico-float .btn { display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #77afe4; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#header .ico-float .btn .in { display: inline-block; vertical-align: middle }
#header .ico-float .btn h5 { font-size: 12px; color: #fff; line-height: 14px }
#header .ico-float .btn:hover { background-color: #008bd5 }
#header .ico-float .btn+.btn { margin-top: 10px }
#header .ico-float .btn.btn3 { background-color: #fff; border: 1px solid #77afe4 }
#header .ico-float .btn.btn3 i { display: block; width: 100%; height: 100%; background: url(../images/ico-btn3.png) no-repeat center; position: relative; animation: upico 1.5s ease-out infinite; -webkit-animation: upico 1.5s ease-out infinite }
#header .ico-float .btn.btn3:hover i { background: url(../images/-ico-btn3.png) no-repeat center }
#header .ico-float .btn.btn4 { display: none }
#header .ico-float .btn.btn4 img { max-width: 40% }
#header .ico-float.on, #header .ico-float.status { right: 22px }
#header .ico-float.status .btn.btn4 { display: block }
@media (max-width:1200px) {
    	#header .ico-float {right: 17.5px}
	#header .ico-float .btn { width: 45px; height: 45px; line-height: 45px }
	#header .ico-float .btn h5 { transform: scale(.8) }
	#header .ico-float .btn.btn2 img { width: 20px }
	#header .ico-float.on { right: 17.5px }
}
@media (max-width:1680px) {
	#header .header-wrap .head-right { margin-left: min(-6.25vw, -120px) }
	#header .header-wrap .head-ri .login-menu { margin-right: min(1.875vw, 36px) }
}
@media (max-width:1680px) and (max-width:1024px) {
	#header .header-wrap .head-right { margin-left: -60px }
}
@media (max-width:1680px) and (max-width:1024px) {
	#header .header-wrap .head-ri .login-menu { margin-right: 18px }
}
@media (max-width:1440px) {
	#header .header-wrap .head-right { margin-left: min(-6.25vw, -120px) }
}
@media (max-width:1440px) and (max-width:1024px) {
	#header .header-wrap .head-right { margin-left: -60px }
}
@media (max-width:1366px) {
	#header .header-wrap .head-right { margin-left: min(-9.375vw, -180px) }
}
@media (max-width:1366px) and (max-width:1024px) {
	#header .header-wrap .head-right { margin-left: -90px }
}
.index-status { padding-top: 0 }
.index-status #header .header-pc .header-wrap { background-color: transparent }
/* .index-status #header .header-pc .header-wrap .logo { background: url(../images/logo.svg) no-repeat center; background-size: cover } */
.index-status #header .header-pc .header-wrap .head-right .nav dt a { color: #fff }
.index-status #header .header-pc .header-wrap .head-right .nav dt a::before { display: none }
.index-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item { color: #fff; opacity: .6 }
.index-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product { background-image: url(../images/shopping-ico.png) }
.index-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { background-image: url(../images/user-ico.png) }
.index-status #header .header-pc .header-wrap .head-ri .header-search-button { background: url(../images/search-ico.png) no-repeat center }
.index-status #header .header-pc .header-wrap .head-ri .header-search-button::before { background-color: #fff }
.index-status #header .header-pc .header-wrap .head-ri .language .language-top { background: url(../images/language-ico.png) no-repeat center }
.index-status #header .header-pc::before { display: none }
.index-status #header.on .header-pc .header-wrap, .index-status #header.onsb .header-pc .header-wrap { background-color: #fff }
/* .index-status #header.on .header-pc .header-wrap .logo, .index-status #header.onsb .header-pc .header-wrap .logo { background: url(../images/-logo.svg) no-repeat center; background-size: cover } */
.index-status #header.on .header-pc .header-wrap .head-right .nav dt a, .index-status #header.onsb .header-pc .header-wrap .head-right .nav dt a { color: #4f4f4f }
.index-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item, .index-status #header.onsb .header-pc .header-wrap .head-ri .login-menu .menu-item { color: #888; opacity: 1 }
.index-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product, .index-status #header.onsb .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product { background-image: url(../images/-shopping-ico.png) }
.index-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user, .index-status #header.onsb .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { background-image: url(../images/-user-ico.png) }
.index-status #header.on .header-pc .header-wrap .head-ri .header-search-button, .index-status #header.onsb .header-pc .header-wrap .head-ri .header-search-button { background: url(../images/-search-ico.png) no-repeat center }
.index-status #header.on .header-pc .header-wrap .head-ri .header-search-button::before, .index-status #header.onsb .header-pc .header-wrap .head-ri .header-search-button::before { background-color: #000 }
.index-status #header.on .header-pc .header-wrap .head-ri .language .language-top, .index-status #header.onsb .header-pc .header-wrap .head-ri .language .language-top { background: url(../images/-language-ico.png) no-repeat center }
@media (max-width:1680px) {
	.index-status .content { width: 75% !important }
}
@media (max-width:1280px) {
	.index-status .content { width: auto !important; padding: 0 40px; margin: 0 auto }
}
@media (max-width:1200px) {
	.index-status { padding-top: 65px }
}
@media (max-width:768px) {
	.index-status .content { padding: 0 17.5px }
}
.about-status #header .header-pc .header-wrap { background-color: transparent }
/* .about-status #header .header-pc .header-wrap .logo { background: url(../images/logo.svg) no-repeat center; background-size: cover } */
.about-status #header .header-pc .header-wrap .head-right .nav dt a { color: #fff }
.about-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item { color: #fff; opacity: .6 }
.about-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product { background-image: url(../images/shopping-ico.png) }
.about-status #header .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { background-image: url(../images/user-ico.png) }
.about-status #header .header-pc .header-wrap .head-ri .header-search-button { background: url(../images/search-ico.png) no-repeat center }
.about-status #header .header-pc .header-wrap .head-ri .header-search-button::before { background-color: #fff }
.about-status #header .header-pc .header-wrap .head-ri .language .language-top { background: url(../images/language-ico.png) no-repeat center }
.about-status #header.on .header-pc .header-wrap, .about-status #header.top .header-pc .header-wrap { background-color: #fff }
/* .about-status #header.on .header-pc .header-wrap .logo, .about-status #header.top .header-pc .header-wrap .logo { background: url(../images/-logo.svg) no-repeat center; background-size: cover } */
.about-status #header.on .header-pc .header-wrap .head-right .nav dt a, .about-status #header.top .header-pc .header-wrap .head-right .nav dt a { color: #4f4f4f }
.about-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item, .about-status #header.top .header-pc .header-wrap .head-ri .login-menu .menu-item { color: #888; opacity: 1 }
.about-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product, .about-status #header.top .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-product { background-image: url(../images/-shopping-ico.png) }
.about-status #header.on .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user, .about-status #header.top .header-pc .header-wrap .head-ri .login-menu .menu-item .menu-user { background-image: url(../images/-user-ico.png) }
.about-status #header.on .header-pc .header-wrap .head-ri .header-search-button, .about-status #header.top .header-pc .header-wrap .head-ri .header-search-button { background: url(../images/-search-ico.png) no-repeat center }
.about-status #header.on .header-pc .header-wrap .head-ri .header-search-button::before, .about-status #header.top .header-pc .header-wrap .head-ri .header-search-button::before { background-color: #000 }
.about-status #header.on .header-pc .header-wrap .head-ri .language .language-top, .about-status #header.top .header-pc .header-wrap .head-ri .language .language-top { background: url(../images/-language-ico.png) no-repeat center }
.skrollr #header .header-pc .header-wrap .head-ri .header-search-button { background: url(../images/icon_close.png) no-repeat center !important }
#footer { background-color: #243045; padding: min(4.166666666666666vw, 80px) 0 min(5.208333333333334vw, 100px); position: relative; z-index: 1 }
@media (max-width:1024px) {
	#footer { padding: 40px 0 50px 0 }
}
#footer .footer-ico { max-width: 140px; margin-bottom: min(1.9791666666666665vw, 38px) }
@media (max-width:1024px) {
	#footer .footer-ico { margin-bottom: 19px }
}
#footer .foot-nav { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative; width: 100%; padding: min(1.875vw, 36px) 0 min(2.604166666666667vw, 50px); border: 2px solid #2a3448; border-right: none; border-left: none; margin-bottom: min(1.0416666666666665vw, 20px) }
@media (max-width:1024px) {
	#footer .foot-nav { padding: 18px 0 25px 0 }
}
@media (max-width:1024px) {
	#footer .foot-nav { margin-bottom: 10px }
}
#footer .foot-nav .dl { display: inline-block }
#footer .foot-nav .dl .dt { font-size: 16px; color: #fff; margin-bottom: min(0.8333333333333334vw, 16px) }
@media (max-width:1600px) {
	#footer .foot-nav .dl .dt { font-size: 14px }
}
@media (max-width:768px) {
	#footer .foot-nav .dl .dt { font-size: 12px }
}
@media (max-width:1024px) {
	#footer .foot-nav .dl .dt { margin-bottom: 8px }
}
#footer .foot-nav .dl .dd { font-size: 14px; color: #fff; color: rgba(255, 255, 255, 0.4); line-height: 28px; display: block; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1470px) {
	#footer .foot-nav .dl .dd { font-size: 12px }
}
@media (max-width:768px) {
	#footer .foot-nav .dl .dd { font-size: 12px }
}
#footer .foot-nav .dl .dd:hover { color: #fff }
#footer .wrap-box { overflow: hidden }
#footer .wrap-box .link { margin: 6px 0 34px; overflow: hidden }
#footer .wrap-box .link a { float: left; font-size: 14px; color: #fff; color: rgba(255, 255, 255, 0.4); line-height: 24px; position: relative; padding-right: 20px; margin-right: 18px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#footer .wrap-box .link a::before { content: ''; width: 1px; height: 10px; background-color: #474f5c; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; opacity: .4 }
#footer .wrap-box .link a:last-child::before { display: none }
#footer .wrap-box .link a:hover { color: #fff }
#footer .wrap-box .text h3 { font-size: 12px; color: #fff; color: rgba(255, 255, 255, 0.4); line-height: 24px; font-weight: 300 }
#footer .wrap-box .text h5 { font-family: 'Pill-Gothic-Rg'; font-size: 24px; color: #008bd5; line-height: 1; margin: 4px 0 6px }
#footer .wrap-box .text p { font-size: 12px; color: #fff; color: rgba(255, 255, 255, 0.4); margin-bottom: 12px; text-align: left }
#footer .wrap-box .text p a { color: #fff; color: rgba(255, 255, 255, 0.4); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#footer .wrap-box .text p a:hover { color: #fff }
#footer .wrap-box .text p:last-child { margin-bottom: 0 }
#footer .wrap-box .socials_wrap { display: inline-block; vertical-align: top }
#footer .wrap-box .socials_wrap a { float: left; position: relative; margin-left: 10px }
#footer .wrap-box .socials_wrap a .social_icon { position: relative; display: block; width: 34px; height: 34px; line-height: 34px; background: no-repeat center; background-size: cover; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
#footer .wrap-box .socials_wrap a .social_icon.social_icon_wechat { background-image: url(../images/icon_wechat.png) }
#footer .wrap-box .socials_wrap a .social_icon.social_icon_blog { background-image: url(../images/icon_blog.png) }
#footer .wrap-box .socials_wrap a .social_icon.social_icon_tiktok { background-image: url(../images/icon_tiktok.png) }
#footer .wrap-box .socials_wrap a .social_icon .weChat_img { position: absolute; top: 50px; left: -37.5px; width: 107px; height: 107px; background-color: #fff; z-index: 99; opacity: 0; filter: alpha(opacity=0); -webkit-filter: alpha(opacity=0); -webkit-transform-origin: top center; transform-origin: top center; will-change: opacity; transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transition: transform .4s, opacity .4s, -webkit-transform .4s; -webkit-transition: transform .4s, opacity .4s, -webkit-transform .4s; -moz-transition: transform .4s, opacity .4s, -webkit-transform .4s; -ms-transition: transform .4s, opacity .4s, -webkit-transform .4s; -o-transition: transform .4s, opacity .4s, -webkit-transform .4s }
#footer .wrap-box .socials_wrap a .social_icon .weChat_img img { width: 100%; height: 100% }
#footer .wrap-box .socials_wrap a .social_icon .weChat_img:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #008bd5 transparent; position: absolute; top: -7px; left: 0; right: 0; margin: auto }
#footer .wrap-box .socials_wrap a .social_icon .weChat_img::after { content: ''; width: 100%; width: -moz-calc(100% - 6px); width: -webkit-calc(100% - 6px); width: calc(100% - 6px); height: 100%; height: -moz-calc(100% - 6px); height: -webkit-calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #008bd5; position: absolute; top: 0; left: 0 }
#footer .wrap-box .socials_wrap a .social_icon.social_icon_tiktok .weChat_img { left: auto; right: 0 }
#footer .wrap-box .socials_wrap a .social_icon.social_icon_tiktok .weChat_img:before { left: auto; right: 12px }
#footer .wrap-box .socials_wrap a:hover .social_icon.social_icon_wechat { background-image: url(../images/-icon_wechat.png) }
#footer .wrap-box .socials_wrap a:hover .social_icon.social_icon_blog { background-image: url(../images/-icon_blog.png) }
#footer .wrap-box .socials_wrap a:hover .social_icon.social_icon_tiktok { background-image: url(../images/-icon_tiktok.png) }
#footer .wrap-box .socials_wrap a:hover .weChat_img { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-filter: alpha(opacity=100) }
@media (max-width:1600px) {
	#footer .foot-nav .dl .dd { font-size: 12px }
}
@media (max-width:1200px) {
	#footer { padding: 50px 0 }
	#footer .footer-ico, #footer .foot-nav { display: none }
	#footer .wrap-box .le, #footer .wrap-box .ri { float: none }
	#footer .wrap-box .ri { margin-top: 20px }
	#footer .wrap-box .link { display: none }
	#footer .wrap-box .socials_wrap a { margin-left: 0; margin-right: 10px }
	#footer .wrap-box .socials_wrap a .social_icon .weChat_img { top: -120px }
	#footer .wrap-box .socials_wrap a .social_icon .weChat_img:before { border: 8px solid #008bd5; border-top-color: #008bd5; border-bottom: none; border-left-color: transparent; border-right-color: transparent; top: auto; bottom: -7px }
	#footer .wrap-box .socials_wrap a .social_icon.social_icon_wechat .weChat_img { left: 0 }
	#footer .wrap-box .socials_wrap a .social_icon.social_icon_wechat .weChat_img::before { left: 12px; margin: 0 }
}
.pop { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999 }
.pop .bg { width: 100%; height: 100%; background-color: #000; opacity: .8 }
.pop .pop-wrap { position: absolute; left: 50%; top: 50%; padding: 0 40px; transform: translate(-50%, -50%) }
.pop .cont { padding: 30px; background-color: #fff; max-height: 80vh; overflow: auto }
.pop .cont p { margin-bottom: 24px; color: #777; opacity: .8 }
.pop .cont p:last-child { margin-bottom: 0 }
.pop .close { position: absolute; right: 40px; top: -40px; z-index: 6; width: 20px; cursor: pointer }
@media (max-width:1280px) {
	.pop .pop-wrap { width: 100% }
}
@media (max-width:768px) {
	.pop .close { right: 17.5px }
	.pop .pop-wrap { padding: 0 17.5px !important }
}
.pop.pop-video .cont { padding: 0; max-height: initial; background-color: transparent }
.pop.pop-video .cont video { width: 100%; height: auto; object-fit: cover }
@media (max-width:1280px) {
	.pop.pop-video .cont video { width: 100%; height: auto }
}
.search-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background-color: #000; background-color: rgba(0, 0, 0, 0.8); transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; opacity: 0; filter: alpha(opacity=0); -webkit-filter: alpha(opacity=0); visibility: hidden }
.search-popup .form-block { padding: 150px 0 90px; margin-right: 60px; width: 53.5%; float: right }
.search-popup .form-block .title { font-size: 14px; color: #fff; color: rgba(255, 255, 255, 0.3); line-height: 24px; margin-bottom: 6px; letter-spacing: 6px }
.search-popup .form-block .searchform { padding-bottom: 4px; position: relative; border: none; border-bottom: 2px solid #f8f9fd; background: none; color: inherit }
.search-popup .form-block .searchform .input { font-size: 40px; color: #fff; font-style: normal; text-transform: uppercase; width: 100%; padding: 0 55px 0 0 }
.search-popup .form-block .searchform .input::-webkit-input-placeholder { color: #fff }
.search-popup .form-block .searchform .input:-moz-placeholder { color: #fff }
.search-popup .form-block .searchform .input::-moz-placeholder { color: #fff }
.search-popup .form-block .searchform .input:-ms-input-placeholder { color: #fff }
.search-popup .form-block .searchform .searchsubmit { width: 28px; height: 28px; background: url(../images/ico_search.png) no-repeat; position: absolute; right: 0; bottom: 12px }
.search-popup .form-block .searchform:before { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background: #008bd5; transition: all 700ms ease; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease }
.search-popup .form-block .searchform.focus:before { width: 100% }
.search-popup.active { opacity: 1; visibility: visible }
.slogan { overflow: hidden }
.slogan .h1 { font-size: 42px; color: #383837; line-height: 1.2; font-weight: 300; padding: min(3.4375000000000004vw, 66px) 0 min(3.4375000000000004vw, 66px); position: relative }
@media (max-width:1600px) {
	.slogan .h1 { font-size: 40px }
}
@media (max-width:1470px) {
	.slogan .h1 { font-size: 36px }
}
@media (max-width:1024px) {
	.slogan .h1 { font-size: 30px }
}
@media (max-width:768px) {
	.slogan .h1 { font-size: 24px }
}
@media (max-width:1024px) {
	.slogan .h1 { padding: 33px 0 33px 0 }
}
.slogan .h1::before { content: ''; width: 1px; height: 270px; background: #008bd5; position: absolute; top: 70px; left: -60px; animation: h-line 3s .3s linear both infinite; -webkit-animation: h-line 3s .3s linear both infinite }
@media (max-width:1600px) {
	.slogan .h1 { font-size: 36px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.slogan .h1 { font-size: 32px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.slogan .h1 { font-size: 28px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.slogan .h1 { font-size: 24px }
}
@media (max-width:1600px) and (max-width:768px) {
	.slogan .h1 { font-size: 20px }
}
.page-ban { position: relative }
.page-ban .img img {width: 100%;height: 100%;object-fit: cover;}
.page-ban .content { position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: 2 }
.page-ban .content .tab-name { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; font-size: 0; position: absolute; left: 0; bottom: 38px }
.page-ban .content .tab-name a { position: relative; font-size: 14px; color: #fff; line-height: 48px; display: inline-block; padding: 0 min(1.8229166666666667vw, 35px) 0 min(1.8229166666666667vw, 35px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1470px) {
	.page-ban .content .tab-name a { font-size: 12px }
}
@media (max-width: 990px) {
    .page-ban .img img {width: 100%;}
}
@media (max-width:768px) {
	.page-ban .content .tab-name a { font-size: 12px }
}
@media (max-width:1024px) {
	.page-ban .content .tab-name a { padding: 0 17.5px 0 17.5px }
}
.page-ban .content .tab-name a.on { background-color: #00a0e9; color: #fff }
.page-ban .content .tab-name::before { content: ''; width: 100%; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); height: 100%; height: -moz-calc(100% - 2px); height: -webkit-calc(100% - 2px); height: calc(100% - 2px); position: absolute; left: 0; top: 0; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:768px) {
	/*.page-ban .img { height: 300px }*/
	.page-ban .img img { max-height: 300px; object-fit: cover; }
}
.page-title { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative }
.page-title h1 { font-size: 36px; color: #000; line-height: 1.4; font-weight: bold }
@media (max-width:1600px) {
	.page-title h1 { font-size: 32px }
}
@media (max-width:1470px) {
	.page-title h1 { font-size: 28px }
}
@media (max-width:1024px) {
	.page-title h1 { font-size: 24px }
}
@media (max-width:768px) {
	.page-title h1 { font-size: 20px }
}
.tip-nav { background-color: #fff; height: 80px; border-top: 1px solid #eee; overflow: hidden }
.tip-nav .le { float: left }
.tip-nav .le a { position: relative; font-size: 16px; color: #fff; line-height: 46px; padding: 0 20px 0 69px; margin-top: 17px; background-color: #008bd5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
.tip-nav .le a::before { content: ''; width: 14px; height: 100%; background: url(../images/return-ico.png) no-repeat center; position: absolute; left: 19px; top: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.tip-nav .le a:hover::before { left: 24px }
.tip-nav .ri { float: none; padding-left: 10px; background: url(../images/tip-nav-ic.png) no-repeat left center; overflow: hidden }
.tip-nav .ri a { padding-left: 15px; margin-left: 16px; position: relative; color: #666; font-size: 14px; line-height: 80px; float: left; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.tip-nav .ri a::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: url(../images/tip-nav-ic2.png) no-repeat left center }
.tip-nav .ri a:hover { color: #008bd5 }
@media (max-width:768px) {
	.tip-nav { display: none }
}
.portal-tip { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative; padding-bottom: min(1.40625vw, 27px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.portal-tip { padding-bottom: 13.5px }
}
.portal-tip .name .h3 { font-size: 22px; color: #000 }
@media (max-width:1600px) {
	.portal-tip .name .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.portal-tip .name .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.portal-tip .name .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.portal-tip .name .h3 { font-size: 12px }
}
.portal-tip .text { display: flex; align-items: center }
.portal-tip .text .text-t { font-size: 16px; color: #010101; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.portal-tip .text .text-t { font-size: 14px }
}
@media (max-width:768px) {
	.portal-tip .text .text-t { font-size: 12px }
}
.portal-tip .text .text-t.delete-btn { padding-left: min(3.0208333333333335vw, 58px); cursor: pointer }
@media (max-width:1024px) {
	.portal-tip .text .text-t.delete-btn { padding-left: 29px }
}
.portal-tip .text .text-t.delete-btn:hover { color: #008bd5 }
.col-check { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center }
.col-check .icon-checkbox { display: inline-block; width: 13px; height: 13px; line-height: 13px; border: 1px solid #a5b9c4; border-radius: 50%; background-color: #fff; vertical-align: middle; position: relative; -webkit-transition: all .4s; transition: all .4s }
.col-check .icon-checkbox::before { content: ''; width: 7px; height: 7px; background-color: #008bd5; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transition: all .4s; transition: all .4s; opacity: 0 }
.col-check.on .icon-checkbox { border: 1px solid #008bd5 }
.col-check.on .icon-checkbox::before { opacity: 1 }
.page-table table { width: 100%; font-size: 16px; color: #000; line-height: 20px; margin-top: min(1.7187500000000002vw, 33px) }
@media (max-width:1600px) {
	.page-table table { font-size: 14px }
}
@media (max-width:768px) {
	.page-table table { font-size: 12px }
}
@media (max-width:1024px) {
	.page-table table { margin-top: 16.5px }
}
.page-table table p { font-size: 16px; color: #000; line-height: 20px }
@media (max-width:1600px) {
	.page-table table p { font-size: 14px }
}
@media (max-width:768px) {
	.page-table table p { font-size: 12px }
}
.page-table table, .page-table th, .page-table td { border: 1px solid #e2ebeb }
.page-table tr:first-child { border-top: 2px solid #008bd5 }
.page-table td { padding: 13px }
.pagination .layui-laypage { margin: 0 }
.pagination a.layui-laypage-last { display: none }
@media (max-width:1200px) {
	.pagination a, .pagination span { font-size: 14px !important }
	.pagination a.layui-laypage-prev { margin-right: 10px !important }
	.pagination a.layui-laypage-next { margin-left: 10px !important }
}
@media (max-width:768px) {
	.pagination a, .pagination span { font-size: 12px !important }
	.pagination .layui-laypage { zoom: .7 }
	.pagination a.layui-laypage-prev { padding: 0 20px !important; background-position: 14px center; text-indent: -999px }
	.pagination a.layui-laypage-next { padding: 0 20px !important; background-position: 14px center; text-indent: -999px }
}
.play_button { width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; z-index: 99; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.play_button:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -1; opacity: .25; border-radius: 50%; -webkit-animation: icon_video 2s infinite forwards linear 1s; animation: icon_video 2s infinite forwards linear 1s }
.play_button:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #008bd5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.play_button .play_icon { z-index: 1; width: 100%; height: 100%; background: url(../images/support/support-video-play.png) no-repeat center; background-size: cover; position: absolute; right: 0; bottom: 0; left: 0; top: 0; margin: auto; transition-duration: .5s; -webkit-transition-duration: .5s }
.play_button:hover .play_icon { transform: rotate(120deg) }
@media (max-width:768px) {
	.play_button { width: 45px; height: 45px }
}
.sszn-Form { padding: min(3.125vw, 60px) 0 min(4.166666666666666vw, 80px); background-color: #f8f8f8 }
@media (max-width:1024px) {
	.sszn-Form { padding: 30px 0 40px 0 }
}
.sszn-Form .wrap-box { overflow: hidden; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px }
.sszn-Form .wrap-box .bg { float: left; width: 50%; height: 100%; min-height: 820px; background: no-repeat center; background-size: cover; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px }
.sszn-Form .wrap-box .ri { float: right; width: 50%; padding: 0 6.3%; padding-top: min(2.864583333333333vw, 55px) }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .ri { padding-top: 27.5px }
}
.sszn-Form .wrap-box .registerTitle .mianTitle { font-size: 48px; color: #0d0c11; line-height: 1 }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .registerTitle .mianTitle { font-size: 40px }
}
@media (max-width:1470px) {
	.sszn-Form .wrap-box .registerTitle .mianTitle { font-size: 39px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .registerTitle .mianTitle { font-size: 33px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .registerTitle .mianTitle { font-size: 25px }
}
.sszn-Form .wrap-box .registerTitle .reg-login-link { margin-top: min(1.3541666666666667vw, 26px); font-size: 16px; color: #000 }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .registerTitle .reg-login-link { margin-top: 13px }
}
@media (max-width:1600px) {
	.sszn-Form .wrap-box .registerTitle .reg-login-link { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .registerTitle .reg-login-link { font-size: 12px }
}
.sszn-Form .wrap-box .registerTitle .reg-login-link .text-container, .sszn-Form .wrap-box .registerTitle .reg-login-link .hwid-link { display: inline-block }
.sszn-Form .wrap-box .registerTitle .reg-login-link .hwid-link { color: #06f }
.sszn-Form .wrap-box .text2-container { font-size: 24px; color: #666 }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .text2-container { font-size: 18px }
}
@media (max-width:1470px) {
	.sszn-Form .wrap-box .text2-container { font-size: 16px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .text2-container { font-size: 15px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .text2-container { font-size: 14px }
}
.sszn-Form .wrap-box .text3-container h3 { font-size: 22px; color: #0d0c11; margin: min(2.864583333333333vw, 55px) 0 min(1.875vw, 36px) }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .text3-container h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.sszn-Form .wrap-box .text3-container h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .text3-container h3 { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .text3-container h3 { font-size: 12px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .text3-container h3 { margin: 27.5px 0 18px }
}
.sszn-Form .wrap-box .text3-container ul { overflow: hidden; padding-bottom: min(1.5625vw, 30px); margin-bottom: min(-1.9791666666666665vw, -38px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .text3-container ul { padding-bottom: 15px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .text3-container ul { margin-bottom: -19px }
}
.sszn-Form .wrap-box .text3-container ul li { float: left; width: 50%; padding-right: 10px; font-size: 16px; color: #000; line-height: 36px; padding-left: 30px; background: url(../images/form/go-ico.png) no-repeat left center }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .text3-container ul li { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .text3-container ul li { font-size: 12px }
}
.sszn-Form .wrap-box .register-inputsContainer { margin-top: min(4.0625vw, 78px) }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer { margin-top: 39px }
}
.sszn-Form .wrap-box .register-inputsContainer .widget-label { margin-bottom: min(0.7291666666666666vw, 14px); position: relative }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-label { margin-bottom: 7px }
}
.sszn-Form .wrap-box .register-inputsContainer .widget-label label { font-size: 22px; color: #000; line-height: 1; font-weight: bold }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-label label { font-size: 18px }
}
@media (max-width:1470px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-label label { font-size: 16px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-label label { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-label label { font-size: 12px }
}
.sszn-Form .wrap-box .register-inputsContainer .row { margin-left: -18px; margin-right: -18px }
.sszn-Form .wrap-box .register-inputsContainer .widget-w5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 18px }
.sszn-Form .wrap-box .register-inputsContainer .widget-input { margin-bottom: min(1.0416666666666665vw, 20px); position: relative }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer .widget-input { margin-bottom: 10px }
}
.sszn-Form .wrap-box .register-inputsContainer .callingCodePhone-root .form-control { padding: 0 20px 0 153px }
.sszn-Form .wrap-box .register-inputsContainer .form-control { width: 100%; height: 60px; line-height: 60px; background-color: #f4f4f4; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); color: #888; font-size: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer .form-control { padding: 0 10px 0 10px }
}
@media (max-width:1600px) {
	.sszn-Form .wrap-box .register-inputsContainer .form-control { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .register-inputsContainer .form-control { font-size: 12px }
}
.sszn-Form .wrap-box .register-inputsContainer .c_down { position: relative; height: 60px;  cursor: pointer; width: 100%;}
.sszn-Form .wrap-box .register-inputsContainer .c_down span { position: relative; display: block; height: 60px; line-height: 60px; background-color: #fff;border: 1px solid #e5e5e5; color: #999; font-size: 16px; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1600px) {
    .sszn-Form .wrap-box .register-inputsContainer .item_title { font-size: 16px; }
	.sszn-Form .wrap-box .register-inputsContainer .c_down span { font-size: 14px }
}
@media (max-width:768px) {
    .sszn-Form .wrap-box .register-inputsContainer .item_title { font-size: 14px; }
	.sszn-Form .wrap-box .register-inputsContainer .c_down span { font-size: 12px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer .c_down span { padding: 0 10px 0 10px }
}
.sszn-Form .wrap-box .register-inputsContainer .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 20px; top: 0 }
.sszn-Form .wrap-box .register-inputsContainer .c_down ul { display: none; z-index: 9; position: absolute; top: 100%; margin-top: 1px; background-color: #fff; padding: 20px; max-height: 119px; overflow-y: auto; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .06);
}
.sszn-Form .wrap-box .register-inputsContainer .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px }
@media (max-width:1470px) {
	.sszn-Form .wrap-box .register-inputsContainer .c_down ul li { font-size: 12px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .register-inputsContainer .c_down ul li { font-size: 12px }
}
.sszn-Form .wrap-box .register-inputsContainer textarea { width: 100%; height: 120px; background-color: #fff; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); padding-top: min(0.5208333333333333vw, 10px); color: #888; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer textarea { padding: 0 10px 0 10px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .register-inputsContainer textarea { padding-top: 5px }
}
@media (max-width:1600px) {
	.sszn-Form .wrap-box .register-inputsContainer textarea { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .register-inputsContainer textarea { font-size: 12px }
}
.sszn-Form .wrap-box .widget-input .c_down.c_down2 { width: 133px; position: absolute; left: 0; top: 0 }
.sszn-Form .wrap-box .widget-input .c_down.c_down2 span { color: #000 }
.sszn-Form .wrap-box .widget-input .c_down { position: relative; height: 60px; cursor: pointer }
.sszn-Form .wrap-box .widget-input span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 20px; top: 0 }
.sszn-Form .wrap-box .widget-input span { position: relative; display: block; height: 60px; line-height: 60px; background-color: #f4f4f4; color: #888; font-size: 16px; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1600px) {
	.sszn-Form .wrap-box .widget-input span { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .widget-input span { font-size: 12px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .widget-input span { padding: 0 10px 0 10px }
}
.sszn-Form .wrap-box .widget-input ul { display: none; z-index: 9; position: absolute; top: 65px; background-color: #f4f4f4; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); padding-top: min(1.0416666666666665vw, 20px); padding-bottom: min(1.0416666666666665vw, 20px); max-height: 119px; overflow-y: auto; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .widget-input ul { padding: 0 10px 0 10px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .widget-input ul { padding-top: 10px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .widget-input ul { padding-bottom: 10px }
}
.sszn-Form .wrap-box .widget-input li { font-size: 14px; color: #888; height: 30px; line-height: 30px }
@media (max-width:1470px) {
	.sszn-Form .wrap-box .widget-input li { font-size: 12px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .widget-input li { font-size: 12px }
}
.sszn-Form .wrap-box .getVerifyCode { padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); position: absolute; right: 0; top: 0; font-size: 16px; color: #fff; line-height: 60px; background-color: #008bd5; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .getVerifyCode { padding: 0 10px 0 10px }
}
@media (max-width:1600px) {
	.sszn-Form .wrap-box .getVerifyCode { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .getVerifyCode { font-size: 12px }
}
.sszn-Form .wrap-box .accept-terms { font-size: 14px; margin-bottom: min(0.8333333333333334vw, 16px) }
@media (max-width:1470px) {
	.sszn-Form .wrap-box .accept-terms { font-size: 12px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .accept-terms { font-size: 12px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .accept-terms { margin-bottom: 8px }
}
.sszn-Form .wrap-box .accept-terms .radio { width: 13px; height: 13px; appearance: none; -webkit-appearance: none; outline: none; background-color: #d8d8d8; margin-right: min(0.26041666666666663vw, 5px); position: relative; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .accept-terms .radio { margin-right: 2.5px }
}
.sszn-Form .wrap-box .accept-terms .radio:before, .sszn-Form .wrap-box .accept-terms .radio:after { content: ''; display: block; position: absolute; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.sszn-Form .wrap-box .accept-terms .radio:before { top: 0; left: 0; width: 11px; height: 11px; background-color: #fff; border: 1px solid #d8d8d8 }
.sszn-Form .wrap-box .accept-terms .radio:after { top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 8px; height: 8px; background-color: #fff }
.sszn-Form .wrap-box .accept-terms .radio:checked:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 7px; height: 7px; background-color: #008bd5 }
.sszn-Form .wrap-box .accept-terms .radio:checked:before { border-color: #008bd5 }
.sszn-Form .wrap-box .accept-terms .radio { position: relative; background: transparent; border: 0; margin-top: 3px; top: 2px }
.sszn-Form .wrap-box .accept-terms .radio:focus { background: transparent; border: 0 }
.sszn-Form .wrap-box .accept-terms a { display: inline-block; color: #06f }
.sszn-Form .wrap-box .input-msgcode { display: flex; align-items: center }
.sszn-Form .wrap-box .input-msgcode .sszn-btn-t { font-size: 14px; color: #000; line-height: 28px; margin-left: min(1.0416666666666665vw, 20px) }
@media (max-width:1470px) {
	.sszn-Form .wrap-box .input-msgcode .sszn-btn-t { font-size: 12px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .input-msgcode .sszn-btn-t { font-size: 12px }
}
@media (max-width:1024px) {
	.sszn-Form .wrap-box .input-msgcode .sszn-btn-t { margin-left: 10px }
}
.sszn-Form .wrap-box .input-msgcode .sszn-btn-t a { color: #06f }
.sszn-Form .wrap-box .sszn-btn { cursor: pointer; display: inline-block; padding: 0 min(2.8125vw, 54px) 0 min(2.8125vw, 54px); font-size: 16px; color: #fff; line-height: 48px; background-color: #008bd5; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-transition: all .3s; transition: all .3s }
@media (max-width:1024px) {
	.sszn-Form .wrap-box .sszn-btn { padding: 0 27px 0 27px }
}
@media (max-width:1600px) {
	.sszn-Form .wrap-box .sszn-btn { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .sszn-btn { font-size: 12px }
}
.sszn-Form .wrap-box .sszn-btn:hover { background-color: #35a7e3 }
@media (max-width:1600px) {
	.sszn-Form .register-inputsContainer .widget-label label { font-size: 18px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.sszn-Form .register-inputsContainer .widget-label label { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.sszn-Form .register-inputsContainer .widget-label label { font-size: 13px }
}
@media (max-width:1600px) and (max-width:768px) {
	.sszn-Form .register-inputsContainer .widget-label label { font-size: 12px }
}
@media (max-width:1200px) {
	.sszn-Form .wrap-box { min-height: auto }
	.sszn-Form .bg { display: none }
	.sszn-Form .le { float: none; padding: 50px 40px 0; width: auto }
	.sszn-Form .wrap-box .ri { float: none; width: auto; padding: 50px 40px }
	.sszn-Form .wrap-box .registerTitle .reg-login-link { margin-top: 10px }
	.sszn-Form .wrap-box .register-inputsContainer { margin-top: 30px }
	.sszn-Form .wrap-box .text3-container ul { margin-bottom: 0 }
}
@media (max-width:768px) {
	.sszn-Form .wrap-box .ri { float: none; width: auto; padding: 50px 17.5px }
	.sszn-Form .wrap-box .register-inputsContainer .form-control { height: 40px; line-height: 40px }
	.sszn-Form .wrap-box .register-inputsContainer .callingCodePhone-root .form-control { padding: 0 20px 0 120px }
	.sszn-Form .wrap-box .widget-input .c_down { height: 40px }
	.sszn-Form .wrap-box .widget-input .c_down.c_down2 { width: 120px }
	.sszn-Form .wrap-box .widget-input span { height: 40px; line-height: 40px }
	.sszn-Form .wrap-box .widget-input ul { top: 45px }
	.sszn-Form .wrap-box .getVerifyCode { line-height: 40px }
	.sszn-Form .wrap-box .sszn-btn { line-height: 40px }
}
.sszn-Form.buy-register { background-color: #f5f7f6; padding: 0 }
.sszn-Form.buy-register .tip-nav .ri { width: auto; padding: 0; padding-left: 24px }
.sszn-Form.buy-register .buy-register-box1 { overflow: hidden; padding: min(7.03125vw, 135px) 0 min(4.427083333333334vw, 85px) }
@media (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 { padding: 67.5px 0 42.5px 0 }
}
.sszn-Form.buy-register .buy-register-box1 .content { position: relative }
.sszn-Form.buy-register .buy-register-box1 .content::before { content: ''; width: 764px; height: 508px; background: url(../images/portal/buy-register-bg.png) no-repeat; position: absolute; left: -330px; bottom: -85px }
.sszn-Form.buy-register .buy-register-box1 .wrap-box { min-height: auto; background: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0 }
.sszn-Form.buy-register .buy-register-box1 .wrap-box .le { width: 41% }
.sszn-Form.buy-register .buy-register-box1 .wrap-box .ri { width: 59%; padding: 0 }
.sszn-Form.buy-register .buy-register-box1 .register-inputsContainer { margin-top: 0 }
.sszn-Form.buy-register .buy-register-box1 .register-inputsContainer .widget-input { margin-bottom: min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 .register-inputsContainer .widget-input { margin-bottom: 15px }
}
.sszn-Form.buy-register .buy-register-box1 .register-inputsContainer .form-control, .sszn-Form.buy-register .buy-register-box1 .widget-input span { background-color: #fff; border: 1px solid #e5e5e5 }
.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 36px; color: #010101; line-height: 1.4; margin-bottom: min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 32px }
}
@media (max-width:1470px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 28px }
}
@media (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 24px }
}
@media (max-width:768px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 20px }
}
@media (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { margin-bottom: 7px }
}
.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 24px; color: #000; line-height: 1.6 }
@media (max-width:1600px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 18px }
}
@media (max-width:1470px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 16px }
}
@media (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 15px }
}
@media (max-width:768px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 14px }
}
@media (max-width:1600px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 28px }
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 18px }
	.sszn-Form.buy-register .register-inputsContainer .widget-label label { font-size: 18px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 13px }
}
@media (max-width:1600px) and (max-width:768px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan p { font-size: 12px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.sszn-Form.buy-register .register-inputsContainer .widget-label label { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.sszn-Form.buy-register .register-inputsContainer .widget-label label { font-size: 13px }
}
@media (max-width:1600px) and (max-width:768px) {
	.sszn-Form.buy-register .register-inputsContainer .widget-label label { font-size: 12px }
}
@media (max-width:1560px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 32px }
}
@media (max-width:1560px) and (max-width:1600px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 24px }
}
@media (max-width:1560px) and (max-width:1470px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 24px }
}
@media (max-width:1560px) and (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 22px }
}
@media (max-width:1560px) and (max-width:768px) {
	.sszn-Form.buy-register .buy-register-box1 .slogan h3 { font-size: 20px }
}
@media (max-width:1200px) {
	.sszn-Form.buy-register .buy-register-box1 { padding: min(3.125vw, 60px) 0 min(4.166666666666666vw, 80px) }
	.sszn-Form.buy-register .buy-register-box1 .content::before { display: none }
	.sszn-Form.buy-register .buy-register-box1 .wrap-box { background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px }
	.sszn-Form.buy-register .buy-register-box1 .wrap-box .le { float: none; padding: 50px 40px 0; width: auto }
	.sszn-Form.buy-register .buy-register-box1 .wrap-box .ri { float: none; width: auto; padding: 20px 40px 50px }
	.sszn-Form.buy-register .buy-register-box1 .slogan p { display: none }
}
@media (max-width:1200px) and (max-width:1024px) {
	.sszn-Form.buy-register .buy-register-box1 { padding: 30px 0 40px 0 }
}
@media (max-width:768px) {
	.sszn-Form.buy-register .buy-register-box1 .wrap-box .le { padding: 50px 17.5px 0 }
	.sszn-Form.buy-register .buy-register-box1 .wrap-box .ri { padding: 20px 17.5px 50px }
	.sszn-Form.buy-register .buy-register-box1 .register-inputsContainer .widget-w5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}
.sszn-Form.buy-register.support-box3 .content::before { width: 597px; height: 404px; background: url(../images/support/support-box3-bg.png) no-repeat; left: -330px }
.sszn-Form.buy-register.support-box3 .wrap-box .li { position: relative; padding-left: 108px; margin-top: min(2.1875vw, 42px) }
@media (max-width:1024px) {
	.sszn-Form.buy-register.support-box3 .wrap-box .li { margin-top: 21px }
}
.sszn-Form.buy-register.support-box3 .wrap-box .li .img { width: 80px; border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0 }
.sszn-Form.buy-register.support-box3 .wrap-box .li p { font-size: 16px; color: #666; line-height: 30px }
@media (max-width:1600px) {
	.sszn-Form.buy-register.support-box3 .wrap-box .li p { font-size: 14px }
}
@media (max-width:768px) {
	.sszn-Form.buy-register.support-box3 .wrap-box .li p { font-size: 12px }
}
@media (max-width:1366px) {
	.sszn-Form.buy-register.support-box3 .wrap-box .li { padding-left: 95px }
	.sszn-Form.buy-register.support-box3 .wrap-box .li p { line-height: 24px }
}
.index .index-swiper { position: relative; height: 100vh; overflow: hidden }
/*.index .index-swiper .swiper-slide { height: 850px }*/
.index .index-swiper .swiper-slide .bg { height: 100%; background: no-repeat center; background-size: cover }
.index .index-swiper .videoBox { position: relative; width: 100%; height: 100% }
/*.index .index-swiper .videoBox:before { content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; z-index: 1; opacity: .4; filter: alpha(opacity=40); -webkit-filter: alpha(opacity=40) }*/
.index .index-swiper .videoBox video {width: 100%;/* object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; min-width: 100%; min-height: 100%; width: 100%; height: 100%*/ }
.index .index-swiper .content { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 9;    display: -webkit-box;    display: -ms-flexbox;  display: -webkit-flex;   display: flex;  
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 }
.index .index-swiper .content .text {font-size: 48px; color: #fff; line-height: 1.4; font-weight: bold; font-style: italic }
@media (max-width:1600px) {
	.index .index-swiper .content .text { font-size: 40px }
}
@media (max-width:1470px) {
	.index .index-swiper .content .text { font-size: 39px }
}
@media (max-width:1024px) {
	.index .index-swiper .content .text { font-size: 33px }
}
@media (max-width:768px) {
	.index .index-swiper .content .text { font-size: 25px }
}
.index .index-swiper .swiper-pagination { height: 0; text-align: center; position: absolute; right: 0; left: 0; bottom: 40px; margin: auto }
.index .index-swiper .swiper-pagination span { width: 60px; height: 2px; border-radius: 0; opacity: 1; position: relative; background: transparent; margin: 0 4px !important }
.index .index-swiper .swiper-pagination span::before { content: ''; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; opacity: .4 }
.index .index-swiper .swiper-pagination span.swiper-pagination-bullet-active::after { content: ''; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; width: 100%; animation: h_schedule 4s 1 linear forwards; -webkit-animation: h_schedule 4s 1 linear forwards }
@media (max-width:1280px) {
	.index .index-swiper .content .text { padding: 0 40px }
}
@media (max-width:768px) {
	.index .index-swiper { display: none }
}
.index .banner { display: none }
@media (max-width:768px) {
	.index .banner { display: block; position: relative }
	.index .banner .text { width: 100%; position: absolute; top: 30%; left: 0; padding: 0 17.5px; color: #fff; font-size: 24px; line-height: 1 }
	.index .banner .text .cn { font-size: 24px; line-height: 1.4; color: #fff; font-weight: 300 }
	.index .banner .text1 .cn { color: #fff }
	.index .banner .text1 .en { color: #fff }
	.index .banner .play-button { position: relative; width: 45px; height: 45px; margin-top: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
	.index .banner .play-button::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .3; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-animation: icon-video 2s infinite forwards linear 1s; animation: icon-video 2s infinite forwards linear 1s }
	.index .banner .play-button::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play-button.jpg) no-repeat center; background-size: cover; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
	.index .banner .swiper-pagination { position: absolute; z-index: 10; left: 0; bottom: 20px; text-align: center }
	.index .banner .swiper-pagination span { display: inline-block; height: 8px; width: 8px; margin: 0 5px !important; background-color: #fff; opacity: 1; -webkit-transition-duration: .5s; transition-duration: .5s }
	.index .banner .swiper-pagination span.swiper-pagination-bullet-active { background-color: #008bd5 }
}
.index .index-title h1 { font-size: 48px; color: #000; line-height: 1; font-weight: 300 }
@media (max-width:1600px) {
	.index .index-title h1 { font-size: 40px }
}
@media (max-width:1470px) {
	.index .index-title h1 { font-size: 39px }
}
@media (max-width:1024px) {
	.index .index-title h1 { font-size: 33px }
}
@media (max-width:768px) {
	.index .index-title h1 { font-size: 25px }
}
.index .index-title h2 { font-size: 24px; color: #000; color: rgba(0, 0, 0, 0.6); line-height: 1.4; font-weight: 300; margin-top: min(1.25vw, 24px) }
@media (max-width:1600px) {
	.index .index-title h2 { font-size: 18px }
}
@media (max-width:1470px) {
	.index .index-title h2 { font-size: 16px }
}
@media (max-width:1024px) {
	.index .index-title h2 { font-size: 15px }
}
@media (max-width:768px) {
	.index .index-title h2 { font-size: 14px }
}
@media (max-width:1024px) {
	.index .index-title h2 { margin-top: 12px }
}
.index .md { width: 100%; height: 0; position: relative; top: -40vh }
.index .index-btn { display: inline-block; position: relative; font-size: 14px; color: #fff; line-height: 48px; padding: 0 min(3.6458333333333335vw, 70px) 0 min(1.0416666666666665vw, 20px); background-color: #008bd5; border: 1px solid #008bd5; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1470px) {
	.index .index-btn { font-size: 12px }
}
@media (max-width:768px) {
	.index .index-btn { font-size: 12px }
}
@media (max-width:1024px) {
	.index .index-btn { padding: 0 35px 0 10px }
}
.index .index-btn::before { content: ''; width: 20px; height: 12px; background: url(../images/index/index-box6-btn.png) no-repeat center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; margin-right: min(1.0416666666666665vw, 20px); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out }
@media (max-width:1024px) {
	.index .index-btn::before { margin-right: 10px }
}
.index .index-btn:hover::before { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px) }
@media (max-width:768px) {
	.index .index-btn { line-height: 32px }
	.index .index-btn::before { background-size: 13px 8px !important }
}
.index .index-box1 { position: relative; overflow: hidden; min-height: 100vh;margin-top: -8px; }
.index .index-box1 .pin-spacer { height: auto !important; padding: 0 !important; margin: 0 !important }
.index .index-box1 .vision_area { position: static; z-index: 1; overflow: hidden }
.index .index-box1 .video_area { position: static; left: 0; top: 0; margin: 0 auto; height: 0 }
.index .index-box1 .video_area .pin-spacer { width: 100% !important }
.index .index-box1 .fixed_video { position: absolute; right: 0; top: 0; margin-top: 0; max-width: 100% !important; width: 100% !important; height: 100%; z-index: 1 }
.index .index-box1 .width_video { position: relative; width: 100%; height: 100vh; text-align: center; overflow: hidden; z-index: 1; background: url(../images/index/index-box1-bg.jpg) no-repeat center; background-size: cover }
.index .index-box1 .width_video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover }
.index .index-box1 .wedo_inner { position: relative; z-index: 1 }
.index .index-box1 .index-box1-le { position: absolute; top: 0; height: 100%; left: 40px; z-index: 3 }
.index .index-box1 .index-box1-le .page_nav { position: relative; left: 0; top: 13% }
.index .index-box1 .index-box1-ri { width: 100%; overflow: hidden; position: relative; z-index: 2; padding-top: 30vh }
.index .index-box1 .index-box1-ri .content { width: 75% !important; max-width: 1260px; }
.index .index-box1 .index-title { width: 100%; height: 30vh; padding-top: 9vh; position: absolute; top: 0 !important; left: 0; z-index: 3; background-color: #dee8f5; background: -webkit-linear-gradient(0deg, transparent 0, #dee8f5 11vh); background: -moz-linear-gradient(0deg, transparent 0, #dee8f5 11vh); background: -o-linear-gradient(0deg, transparent 0, #dee8f5 11vh); background: -ms-linear-gradient(0deg, transparent 0, #dee8f5 11vh); background: linear-gradient(0deg, transparent 0, #dee8f5 11vh) }
.index .index-box1 .page_nav a { display: block; margin-bottom: min(2.083333333333333vw, 40px) }
@media (max-width:1024px) {
	.index .index-box1 .page_nav a { margin-bottom: 20px }
}
.index .index-box1 .page_nav a .b { display: inline-block; font-size: 16px; color: #505050; line-height: 1.4; padding-bottom: 12px; position: relative; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.index .index-box1 .page_nav a .b { font-size: 14px }
}
@media (max-width:768px) {
	.index .index-box1 .page_nav a .b { font-size: 12px }
}
.index .index-box1 .page_nav a .b::before { content: ''; width: 0; height: 3px; background-color: #008bd5; position: absolute; bottom: 0; left: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.index .index-box1 .page_nav a.on .b, .index .index-box1 .page_nav a.active .b { color: #008bd5 }
.index .index-box1 .page_nav a.on .b::before, .index .index-box1 .page_nav a.active .b::before { width: 100% }
.index .index-box1 .index-box1-slide { height: 375px }
.index .index-box1 .index-box1-slide .swiper-slide.swiper-slide-next { opacity: .2 }
.index .index-box1 .index-box1-slide .swiper-slide.swiper-slide-next .index-btn { opacity: 0 }
.index .index-box1 .heal_src2_con .item, .index .index-box1 .list .item { width: 60%; opacity: .2; margin-bottom: min(7.03125vw, 135px); transition: all .4s; -webkit-transition: all .4s }
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item, .index .index-box1 .list .item { margin-bottom: 67.5px }
}
.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { font-family: 'Nexa'; font-size: 30px; color: #000; line-height: 1; margin-top: min(0.625vw, 12px); margin-top: 12px }
@media (max-width:1600px) {
	.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { font-size: 26px }
}
@media (max-width:1470px) {
	.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { font-size: 22px }
}
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { font-size: 20px }
}
@media (max-width:768px) {
	.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { font-size: 18px }
}
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item .num, .index .index-box1 .list .item .num { margin-top: 6px }
}
.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { font-size: 32px; color: #000; line-height: 1.4; margin: min(0.9375vw, 18px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { font-size: 24px }
}
@media (max-width:1470px) {
	.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { font-size: 24px }
}
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { font-size: 22px }
}
@media (max-width:768px) {
	.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { font-size: 20px }
}
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item .h1, .index .index-box1 .list .item .h1 { margin: 9px 0 7px }
}
.index .index-box1-m .content .index-box1-slide .swiper-slide .p { width: 100%; height: 4.2em; font-size: 18px; overflow: hidden; overflow-y: auto; }
.index .index-box1 .heal_src2_con .item p, .index .index-box1 .list .item p { font-size: 18px; color: #000; line-height: 1.4 }
@media (max-width:1600px) {
    .index .index-box1-m .content .index-box1-slide .swiper-slide .p { font-size: 16px; }
	.index .index-box1 .heal_src2_con .item p, .index .index-box1 .list .item p { font-size: 16px }
}
@media (max-width:1470px) {
    .index .index-box1-m .content .index-box1-slide .swiper-slide .p { font-size: 14px; }
	.index .index-box1 .heal_src2_con .item p, .index .index-box1 .list .item p { font-size: 14px }
}
@media (max-width:768px) {
    .index .index-box1-m .content .index-box1-slide .swiper-slide .p { font-size: 12px; }
	.index .index-box1 .heal_src2_con .item p, .index .index-box1 .list .item p { font-size: 12px }
}
.index .index-box1 .heal_src2_con .item .index-btn, .index .index-box1 .list .item .index-btn { margin-top: min(2.864583333333333vw, 55px) }
@media (max-width:1024px) {
	.index .index-box1 .heal_src2_con .item .index-btn, .index .index-box1 .list .item .index-btn { margin-top: 27.5px }
}
.index .index-box1 .heal_src2_con .item.active, .index .index-box1 .list .item.active { opacity: 1 }
.index .index-box1 .heal_src2_con .item.last-item, .index .index-box1 .list .item.last-item { opacity: 0 }
.index .index-box1 .heal_src2_con.on, .index .index-box1 .list.on { opacity: 1 !important }
.index .index-box1 .heal_src2_con.on .item .index-btn, .index .index-box1 .list.on .item .index-btn { opacity: 1 }
.index .index-box1 .ri {
    width: 50vw; height: 100vh; padding-right: 15vw; position: absolute; right: -15vw; top: 0; z-index: 4; overflow: hidden;
    border-radius: 50% 0 0 50%; -webkit-border-radius: 50% 0 0 50%; -moz-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; -o-border-radius: 50% 0 0 50%;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
}
.index .index-box1 .ri::before { content: ''; width: 100%; height: 100%; background-color: #cfd9e7; position: absolute; left: 0; top: 0; border-radius: 50% 0 0 50%; -webkit-border-radius: 50% 0 0 50%; -moz-border-radius: 50% 0 0 50%; -ms-border-radius: 50% 0 0 50%; -o-border-radius: 50% 0 0 50% }
.index .index-box1 .ri .tab-wrap { width: 100%; height: auto; -webkit-aspect-ratio: 1; aspect-ratio: 1; overflow: hidden; }
.index .index-box1 .ri .tab-wrap .tab-box { width: 100%; height: 100%; position: relative }
.index .index-box1 .ri .tab-box { display: none }
.index .index-box1 .ri .tab-box.active { display: block }
.index .index-box1 .ri .tab-box .img { width: 100%; height: 100%;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
    -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
    -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: .6s; animation-delay: .6s;
}
.index .index-box1 .swiper-pagination { display: none }
.index .index-box1 .vh_box { width: 100%; height: 100% }
.index .index-box1 .vh_box .vw_box { height: 100%; position: relative; overflow: hidden }
.index .index-box1 .vh_box .vw_box .swiper-pagination { right: 1.6rem; left: auto; width: auto; position: absolute; z-index: 5; pointer-events: none; top: 50%; bottom: auto; transform: translateY(-50%) }
.index .index-box1 .vh_box .vw_box .swiper-pagination span { display: block; text-align: right; color: rgba(255, 255, 255, 0.8); font-size: .18rem; line-height: 1 }
.index .index-box1 .vh_box .vw_box .swiper-pagination span:nth-child(1) { font-family: en_b; color: #fff }
.index .index-box1 .vh_box .vw_box .swiper-pagination span:nth-child(2) { margin: .1rem 0 }
.index .index-box1 .vh_box .vw_box .swiper-pagination span.on { font-size: .48rem }
.index .index-box1 .vh_box .vw_box .swiper-container { height: 100% }
.index .index-box1 .vh_box .vw_box .swiper-container .swiper-wrapper { height: 100% }
.index .index-box1 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide { height: 100% }
.index .index-box1 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box { height: 100% }
.index .index-box1 #healthy #main .pub_img_box img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0 }
.index .index-box1 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box::after { content: ''; display: block; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box { z-index: 3; position: absolute; width: 100%; bottom: 0; height: 66.2%; display: flex; overflow: hidden; padding-left: min(17.1875vw, 330px) }
@media (max-width:1024px) {
	.index .index-box1 .vh_box .vw_box .heal_src2_tex_box { padding-left: 165px }
}
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box>div { flex: 1; font-size: .54rem; margin-top: -1.333em }
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex { transition: transform .6s ease-out }
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con { padding-bottom: 9.4%; transition: opacity .6s ease-out }
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con:nth-child(2) { opacity: .4 }
.index .index-box1 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con:nth-child(3) { opacity: .2 }
@media (max-width:1680px) {
	.index .index-box1 .index-box1-le { left: 20px }
	.index .index-box1 .page_nav a { margin-bottom: min(1.5625vw, 30px) }
	.index .index-box1 .page_nav a .b { font-size: 12px }
}
@media (max-width:1680px) and (max-width:1024px) {
	.index .index-box1 .page_nav a { margin-bottom: 15px }
}
@media (max-width:1200px) {
	.index .index-box1-pc { display: none }
}
.index .index-box1-m { min-height: auto }
.index .index-box1-m .content { display: none }
@media (max-width:1200px) {
	.index .index-box1-m { padding-bottom: 50px }
	.index .index-box1-m .content { position: static; display: block }
	.index .index-box1-m .content .index-title { position: static; padding-left: 0; margin-top: 50px; background: none; padding: 0; height: inherit }
	.index .index-box1-m .content .page_nav { position: relative; z-index: 2; left: 0; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; overflow-x: scroll; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px }
	.index .index-box1-m .content .page_nav .list { font-size: 0; overflow: visible }
	.index .index-box1-m .content .page_nav .list a { margin: 20px 24px 14px 0; display: inline-block }
	.index .index-box1-m .content .page_nav::-webkit-scrollbar { width: 5px; height: 8px; background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.index .index-box1-m .content .page_nav::-webkit-scrollbar-thumb { background-color: #008bd5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.index .index-box1-m .content .index-box1-slide { height: auto }
	.index .index-box1-m .content .index-box1-slide .swiper-slide { width: 520px; height: 100%; opacity: .2 }
	.index .index-box1-m .content .index-box1-slide .swiper-slide a { width: 100%; height: 100%; display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { font-family: 'Nexa'; font-size: 30px; color: #000; line-height: 1; margin-top: min(0.625vw, 12px); margin-top: 12px }
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { font-size: 32px; color: #000; line-height: 1.4; margin: min(0.9375vw, 18px) 0 min(0.7291666666666666vw, 14px) }
	.index .index-box1-m .content .index-box1-slide .swiper-slide p { font-size: 18px; color: #000; line-height: 1.4 }
	.index .index-box1-m .content .index-box1-slide .swiper-slide .index-btn { margin: 20px 0 40px }
	.index .index-box1-m .content .index-box1-slide .swiper-slide .img { width: 100%; height: 360px; background: no-repeat center #aaadba; background-size: contain; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
	.index .index-box1-m .content .index-box1-slide .swiper-slide.swiper-slide-active { opacity: 1 }
}
@media (max-width:1200px) and (max-width:1600px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { font-size: 26px }
}
@media (max-width:1200px) and (max-width:1470px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { font-size: 22px }
}
@media (max-width:1200px) and (max-width:1024px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { font-size: 20px }
}
@media (max-width:1200px) and (max-width:768px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { font-size: 18px }
}
@media (max-width:1200px) and (max-width:1024px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .num { margin-top: 6px }
}
@media (max-width:1200px) and (max-width:1600px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { font-size: 24px }
}
@media (max-width:1200px) and (max-width:1470px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { font-size: 24px }
}
@media (max-width:1200px) and (max-width:1024px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { font-size: 22px }
}
@media (max-width:1200px) and (max-width:768px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { font-size: 20px }
}
@media (max-width:1200px) and (max-width:1024px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide .h1 { margin: 9px 0 7px }
}
@media (max-width:1200px) and (max-width:1600px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide p { font-size: 16px }
}
@media (max-width:1200px) and (max-width:1470px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide p { font-size: 13px }
}
@media (max-width:1200px) and (max-width:768px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide p { font-size: 12px }
}
@media (max-width:768px) {
	.index .index-box1-m .content .index-box1-slide .swiper-slide { width: 260px }
	.index .index-box1-m .content .index-box1-slide .swiper-slide .img { height: 250px }
}
.index .index-box2 { background: url(../images/index/index-box2-bg.png) no-repeat center; background-size: cover; padding: min(5.989583333333334vw, 115px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.index .index-box2 { padding: 57.5px 0 50px 0 }
}
.index .index-box2 .list { margin-left: -9px; margin-right: -9px; margin-top: min(2.5vw, 48px); position: relative }
@media (max-width:1024px) {
	.index .index-box2 .list { margin-top: 24px }
}
.index .index-box2 .list .item { float: left; width: 33.33333%; padding: 0 9px; margin-bottom: 18px }
.index .index-box2 .list .item .item-box { overflow: hidden; position: relative; min-height: 15vw; padding: min(1.5625vw, 30px) 0 min(1.5625vw, 30px); padding-left: min(1.8229166666666667vw, 35px); padding-right: min(1.8229166666666667vw, 35px); background-color: #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box { padding: 15px 0 15px 0 }
}
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box { padding-left: 17.5px }
}
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box { padding-right: 17.5px }
}
.index .index-box2 .list .item .item-box .text { width: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: min(1.5625vw, 30px); padding: 0 min(1.8229166666666667vw, 35px) 0 min(1.8229166666666667vw, 35px); z-index: 2 }
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box .text { margin-bottom: 15px }
}
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box .text { padding: 0 17.5px 0 17.5px }
}
.index .index-box2 .list .item .item-box .text h3 { font-size: 22px; color: #262626; line-height: 1.4; margin-bottom: 10px }
@media (max-width:1600px) {
	.index .index-box2 .list .item .item-box .text h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.index .index-box2 .list .item .item-box .text h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box .text h3 { font-size: 14px }
}
@media (max-width:768px) {
	.index .index-box2 .list .item .item-box .text h3 { font-size: 12px }
}
.index .index-box2 .list .item .item-box .text p { font-size: 18px; color: #262626; line-height: 1.4 }
@media (max-width:1600px) {
	.index .index-box2 .list .item .item-box .text p { font-size: 16px }
}
@media (max-width:1470px) {
	.index .index-box2 .list .item .item-box .text p { font-size: 13px }
}
@media (max-width:768px) {
	.index .index-box2 .list .item .item-box .text p { font-size: 12px }
}
.index .index-box2 .list .item .item-box .ico { width: 110px; height: 111px; position: absolute; right: 0; top: 0; margin-top: min(1.0416666666666665vw, 20px); margin-right: min(1.0416666666666665vw, 20px); z-index: 2 }
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box .ico { margin-top: 10px }
}
@media (max-width:1024px) {
	.index .index-box2 .list .item .item-box .ico { margin-right: 10px }
}
.index .index-box2 .list .item .item-box .ico .ico-bg { width: 100%; height: 100%; background: no-repeat center; background-size: cover; position: absolute; top: 0; left: 0 }
.index .index-box2 .list .item .item-box .ico .ico-bg.ico-bg2 { opacity: 0 }
.index .index-box2 .list .item .item-box:hover { background-color: #2a91da; background: -webkit-linear-gradient(100deg, #2f92d7, #1563b8 100%); background: -moz-linear-gradient(100deg, #2f92d7, #1563b8 100%); background: -o-linear-gradient(100deg, #2f92d7, #1563b8 100%); background: -ms-linear-gradient(100deg, #2f92d7, #1563b8 100%); background: linear-gradient(100deg, #2f92d7, #1563b8 100%); transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-box-shadow: 0 15px 30px rgba(0, 139, 213, 0.4); box-shadow: 0 15px 30px rgba(0, 139, 213, 0.4) }
.index .index-box2 .list .item:first-child { width: 66.66666% }
.index .index-box2 .list .item:hover .item-box .text h3, .index .index-box2 .list .item:hover .item-box .text p { color: #fff }
.index .index-box2 .list .item:hover .item-box .ico .ico-bg.ico-bg1 { opacity: 0 }
.index .index-box2 .list .item:hover .item-box .ico .ico-bg.ico-bg2 { opacity: 1 }
.index .index-box2 .list::after { content: ''; display: block; clear: both }
@media (max-width:1600px) {
	.index .index-box2 .list .item .item-box .ico { width: 80px; height: 81px }
	.index .index-box2 .list .item .item-box p { font-size: 14px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.index .index-box2 .list .item .item-box p { font-size: 12px }
}
@media (max-width:1600px) and (max-width:768px) {
	.index .index-box2 .list .item .item-box p { font-size: 12px }
}
@media (max-width:1200px) {
	.index .index-box2 { padding: 50px 0 }
	.index .index-box2 .list .item .item-box { min-height: 20vw }
}
@media (max-width:768px) {
	.index .index-box2 .list .item { width: 100% }
	.index .index-box2 .list .item .item-box { min-height: 200px }
	.index .index-box2 .list .item:first-child { width: 100% }
}
.index .index-box3 { padding-top: min(6.041666666666667vw, 116px); overflow: hidden; position: relative; z-index: 2 }
@media (max-width:1024px) {
	.index .index-box3 { padding-top: 58px }
}
.index .index-box3 .tab-name { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative; width: 100%; margin: min(3.5416666666666665vw, 68px) 0 min(0.625vw, 12px) }
@media (max-width:1024px) {
	.index .index-box3 .tab-name { margin: 34px 0 6px }
}
.index .index-box3 .tab-name a { display: inline-block; text-align: center }
.index .index-box3 .tab-name a .ico { height: 69px; overflow: hidden; margin-bottom: min(1.1458333333333333vw, 22px) }
@media (max-width:1024px) {
	.index .index-box3 .tab-name a .ico { margin-bottom: 11px }
}
.index .index-box3 .tab-name a .ico img { height: 69px }
.index .index-box3 .tab-name a .name { font-size: 16px; color: #000; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.index .index-box3 .tab-name a.on .name { color: #008bd5 }
.index .index-box3 .tab-box { display: none }
.index .index-box3 .tab-box .item { position: relative; background: no-repeat center; background-size: cover; width: 1590px }
.index .index-box3 .tab-box .item .item-box { position: absolute; top: 0; left: 0; margin-top: min(8.072916666666668vw, 155px); margin-left: min(3.125vw, 60px) }
@media (max-width:1024px) {
	.index .index-box3 .tab-box .item .item-box { margin-top: 77.5px }
}
@media (max-width:1024px) {
	.index .index-box3 .tab-box .item .item-box { margin-left: 30px }
}
.index .index-box3 .tab-box .item .item-box h3 { font-size: 30px; color: #fff; font-weight: 300; line-height: 1.4; margin-bottom: 14px }
@media (max-width:1600px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 26px }
}
@media (max-width:1470px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 22px }
}
@media (max-width:1024px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 20px }
}
@media (max-width:768px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 18px }
}
.index .index-box3 .tab-box .item .item-box p { font-size: 18px; color: #fff; line-height: 1.4 }
@media (max-width:1600px) {
	.index .index-box3 .tab-box .item .item-box p { font-size: 16px }
}
@media (max-width:1470px) {
	.index .index-box3 .tab-box .item .item-box p { font-size: 13px }
}
@media (max-width:768px) {
	.index .index-box3 .tab-box .item .item-box p { font-size: 12px }
}
.index .index-box3 .tab-box .item .item-box .index-btn { margin-top: 35px; background-color: #fff; border: 1px solid #fff; color: #000 }
.index .index-box3 .tab-box .item .item-box .index-btn::before { background: url(../images/index/-index-box6-btn.png) no-repeat center }
@media (max-width:1600px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 28px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 24px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 20px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 18px }
}
@media (max-width:1600px) and (max-width:768px) {
	.index .index-box3 .tab-box .item .item-box h3 { font-size: 16px }
}
@media (max-width:1470px) {
	.index .index-box3 .tab-name a .ico { height: 50px }
	.index .index-box3 .tab-name a .ico img { height: 50px }
	.index .index-box3 .tab-box .item { width: 1290px }
}
@media (max-width:1200px) {
	.index .index-box3 .page_nav { position: relative; z-index: 2; left: 0; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; overflow-x: scroll; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 10px }
	.index .index-box3 .page_nav .tab-name { font-size: 0; overflow: visible }
	.index .index-box3 .page_nav .tab-name a { margin-right: 24px; display: inline-block }
	.index .index-box3 .page_nav .tab-name a .ico { height: 40px; overflow: hidden; margin-bottom: 14px }
	.index .index-box3 .page_nav .tab-name a .ico img { height: 40px }
	.index .index-box3 .page_nav .tab-name a .name { font-size: 14px }
	.index .index-box3 .page_nav::-webkit-scrollbar { width: 5px; height: 8px; background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.index .index-box3 .page_nav::-webkit-scrollbar-thumb { background-color: #008bd5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.index .index-box3 .tab-box { margin-left: -40px; margin-right: -40px }
	.index .index-box3 .tab-box .item { width: 100%; height: 360px }
	.index .index-box3 .tab-box .item img { display: none }
}
@media (max-width:768px) {
	.index .index-box3 .tab-box { margin-left: -17.5px; margin-right: -17.5px }
	.index .index-box3 .tab-box .item { width: 100%; height: 320px }
	.index .index-box3 .tab-box .item .item-box { margin-left: 17.5px }
	.index .index-box3 .tab-box .item .item-box .index-btn { margin-top: 20px }
}
.index .index-box4-box { background: #f5f5f5; position: relative;}

.index .index-box4-box::before{}
  .boxvideollfcc{
      width: 80px;
      height: 80px;
      position: absolute; top: 50vh; right: 37vh; 
      z-index: 5;
          /*background: #ffffff6e;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .boxvideollfcc::before{
      position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
    border-width: 26.5px 0 26.5px 36px;
  border-color: transparent transparent transparent #ffffff6e;
 z-index: 5; pointer-events: initial; cursor: pointer; content: "";
  }
  .boxvideollfcc.active{opacity: 0;}
.index .index-box4-box .index-box4 { background: no-repeat center; background-size: cover; position: relative; overflow: hidden; height: 990px !important; margin-top: 80px !important; position: static !important; max-width: 100% !important; width: 100% !important; max-height: initial !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important }

.index .index-box4-box .index-box4 video { position: absolute; width: 100%; left: 0; top: 0; height: 100% !important; object-fit: cover;pointer-events: initial; position: relative;}

/*.index .index-box4-box .index-box4::before{content:""; position: absolute;  width: 50px; height: 50px;  background: red ;transition: all 0.5s;}*/

.index .index-box4-box .index-box4 .index-box4-h {     pointer-events: none; width: 100%; height: 100%; background: no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; overflow: hidden; -webkit-clip-path: circle(0 at 80% 54%); clip-path: circle(0 at 80% 54%); -webkit-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out }
.index .index-box4-box .index-box4 .index-box4-h::before { content: ''; width: 100%; height: 100%; background-color: #000; opacity: .4; filter: alpha(opacity=40); -webkit-filter: alpha(opacity=40); position: absolute; left: 0; top: 0; z-index: 1 }
.index .index-box4-box .index-box4 .index-box4-h::after { content: ''; width: 41.7%; -webkit-aspect-ratio: 1; aspect-ratio: 1; position: absolute; top: 54%; left: 80%; z-index: 2; box-sizing: border-box; opacity: .6; border: 60px solid #008bd5; border-radius: 50%; -webkit-mask: linear-gradient(45deg, transparent 20%, #008bd5); mask: linear-gradient(45deg, transparent 20%, #008bd5); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) }
.index .index-box4-box .index-box4 .content {     pointer-events: none; position: relative; z-index: 2; padding-top: 245px }
.index .index-box4-box .index-box4 .title { position: relative }
.index .index-box4-box .index-box4 .title .num { font-family: 'DINCond'; font-size: 300px; line-height: 1; text-transform: uppercase; color: #70bee7; background: linear-gradient(30deg, transparent, #008bd5 50%); -webkit-background-clip: text; color: transparent; position: relative; left: -15px }
@media (max-width:1600px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 280px }
}
@media (max-width:1560px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 260px }
}
@media (max-width:1470px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 240px }
}
@media (max-width:1366px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 220px }
}
@media (max-width:1200px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 200px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 180px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 160px }
}
@media (max-width:480px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 140px }
}
@media (max-width:360px) {
	.index .index-box4-box .index-box4 .title .num { font-size: 120px }
}
.index .index-box4-box .index-box4 .title .cn { font-size: 36px; color: #000; line-height: 1.4; position: absolute; left: 0; bottom: 0; margin-bottom: min(1.5104166666666667vw, 29px) }
@media (max-width:1600px) {
	.index .index-box4-box .index-box4 .title .cn { font-size: 32px }
}
@media (max-width:1470px) {
	.index .index-box4-box .index-box4 .title .cn { font-size: 28px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .title .cn { font-size: 24px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 .title .cn { font-size: 20px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .title .cn { margin-bottom: 14.5px }
}
.index .index-box4-box .index-box4 .title .cn em { color: #008bd5; display: block }
.index .index-box4-box .index-box4 .list { max-width: 520px; overflow: hidden; margin-top: min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list { margin-top: 50px }
}
.index .index-box4-box .index-box4 .list .item { float: left; padding-right: min(0.7291666666666666vw, 14px); margin-bottom: min(1.875vw, 36px); min-width: 260px }
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item { padding-right: 7px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item { margin-bottom: 18px }
}
.index .index-box4-box .index-box4 .list .item p { font-size: 16px; color: #000; line-height: 1.4 }
@media (max-width:1600px) {
	.index .index-box4-box .index-box4 .list .item p { font-size: 14px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 .list .item p { font-size: 12px }
}
.index .index-box4-box .index-box4 .list .item h3 { font-size: 24px; color: #000; color: rgba(0, 0, 0, 0.6); margin-top: min(0.4166666666666667vw, 8px) }
@media (max-width:1600px) {
	.index .index-box4-box .index-box4 .list .item h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.index .index-box4-box .index-box4 .list .item h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item h3 { font-size: 15px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 .list .item h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item h3 { margin-top: 4px }
}
.index .index-box4-box .index-box4 .list .item h3 em { font-family: 'Gilroy'; font-size: 60px; color: #000; line-height: 1; font-weight: bold; position: relative; margin-right: min(0.625vw, 12px); margin-top: min(0.625vw, 12px) }
@media (max-width:1600px) {
	.index .index-box4-box .index-box4 .list .item h3 em { font-size: 40px }
}
@media (max-width:1470px) {
	.index .index-box4-box .index-box4 .list .item h3 em { font-size: 38px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item h3 em { font-size: 36px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 .list .item h3 em { font-size: 28px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item h3 em { margin-right: 6px }
}
@media (max-width:1024px) {
	.index .index-box4-box .index-box4 .list .item h3 em { margin-top: 6px }
}

.index .index-box4-box .index-box4 .title .cn,
.index .index-box4-box .index-box4 .title .cn em,
.index .index-box4-box .index-box4 .list .item p,
.index .index-box4-box .index-box4 .list .item h3,
.index .index-box4-box .index-box4 .list .item h3 em { transition: all .3s ease .5s; }

.index .index-box4-box .index-box4 .title .cn.active,
.index .index-box4-box .index-box4 .title .cn em.active,
.index .index-box4-box .index-box4 .list .item p.active,
.index .index-box4-box .index-box4 .list .item h3.active,
.index .index-box4-box .index-box4 .list .item h3 em.active { transition-delay: .3s; color: #fff }
/*.index .index-box4-box .index-box4.index-box4-a .index-box4-h { -webkit-clip-path: circle(25% at 80% 54%); clip-path: circle(25% at 80% 54%) }*/
/*.index .index-box4-box .index-box4.index-box4-b .index-box4-h { transition-delay: 1s; -webkit-clip-path: circle(105% at 70% 75%); clip-path: circle(105% at 70% 75%) }*/
.index .index-box4-box .pin-spacer { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important }

.index .index-box4-box .index-box4 .index-box4-h { -webkit-clip-path: circle(25% at 80% 54%); clip-path: circle(25% at 80% 54%) }
.index .index-box4-box .index-box4 .index-box4-h.active { -webkit-clip-path: circle(105% at 70% 75%); clip-path: circle(105% at 70% 75%) }
@media (max-width:1680px) {
	.index .index-box4-box .index-box4 { height: 850px !important }
	.index .index-box4-box .index-box4 .content { padding-top: 170px }
}
@media (max-width:1470px) {
	.index .index-box4-box .index-box4 { height: 780px !important }
	.index .index-box4-box .index-box4 .content { padding-top: 140px }
}
@media (max-width:1200px) {
	.index .index-box4-box .index-box4 { height: 680px !important; margin-top: 50px !important }
	.index .index-box4-box .index-box4 .content { padding-top: 180px }
}
@media (max-width:768px) {
	.index .index-box4-box .index-box4 { height: 496px !important }
	.index .index-box4-box .index-box4 .content { padding-top: 100px }
	.index .index-box4-box .index-box4 .content .list { max-width: 100%; margin-top: 20px }
	.index .index-box4-box .index-box4 .content .list .item { min-width: auto; width: 50%; padding: 0 }
	.index .index-box4-box .index-box4 .content .list .item:nth-child(2n) { padding-left: 14px }
	.index .index-box4-box .index-box4 .content .index-box4-h::after { border: 20px solid #008bd5 }
}
.index .index-box5 { background: url(../images/index/index-box5-bg2.jpg) no-repeat center; background-size: cover; padding: min(5.208333333333334vw, 100px) 0 min(5.729166666666666vw, 110px); overflow: hidden; position: relative }
@media (max-width:1024px) {
	.index .index-box5 { padding: 50px 0 55px 0 }
}
.index .index-box5::before { content: ''; width: 630px; height: 100%; background: url(../images/index/index-box5-bg.png) no-repeat center; background-size: cover; position: absolute; left: -960px; margin-left: 50%; margin-top: min(-5.208333333333334vw, -100px) }
@media (max-width:1024px) {
	.index .index-box5::before { margin-top: -50px }
}
.index .index-box5 .wrap-box { position: relative; margin-top: min(3.3333333333333335vw, 64px) }
@media (max-width:1024px) {
	.index .index-box5 .wrap-box { margin-top: 32px }
}
.index .index-box5 .wrap-box::after { content: ''; display: block; clear: both }
.index .index-box5 .wrap-box .le { width: 23.8%; height: 480px; float: left; background: no-repeat center; background-size: cover; border-radius: 14px 0 0 14px; -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; -ms-border-radius: 14px 0 0 14px; -o-border-radius: 14px 0 0 14px }
.index .index-box5 .wrap-box .ri { width: 74.6%; float: right; position: relative }
.index .index-box5 .wrap-box .ri .ri-box { width: 1260px; overflow: hidden; position: relative }
.index .index-box5 .wrap-box .ri .ri-box::before { content: ''; width: 300px; height: 100%; background: url(../images/index/index-box5-ri-bg.png) no-repeat center; background-size: cover; background: -webkit-linear-gradient(90deg, transparent -55%, #fff 100%); background: -moz-linear-gradient(90deg, transparent -55%, #fff 100%); background: -o-linear-gradient(90deg, transparent -55%, #fff 100%); background: -ms-linear-gradient(90deg, transparent -55%, #fff 100%); background: linear-gradient(90deg, transparent -55%, #fff 100%); position: absolute; right: 0; top: 0; z-index: 12 }
.index .index-box5 .wrap-box .index-btn { display: none }
.index .index-box5 .wrap-box .slide-btns { width: 200px; position: absolute; right: 0; top: -90px }
.index .index-box5 .wrap-box .slide-btns .slide-btn { position: static; width: 60px; height: 60px; margin: 0; background: no-repeat center #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.index .index-box5 .wrap-box .slide-btns .slide-btn.swiper-button-prev { float: left; background-image: url(../images/index/index-box5-slide-le.png) }
.index .index-box5 .wrap-box .slide-btns .slide-btn.swiper-button-next { float: right; background-image: url(../images/index/index-box5-slide-ri.png) }
.index .index-box5 .wrap-box .slide-btns .slide-btn:hover { background-color: #008bd5 }
.index .index-box5 .wrap-box .slide-btns .slide-btn.swiper-button-prev:hover { background-image: url(../images/index/-index-box5-slide-le.png) }
.index .index-box5 .wrap-box .slide-btns .slide-btn.swiper-button-next:hover { background-image: url(../images/index/-index-box5-slide-ri.png) }
.index .index-box5 .wrap-box .slide-btns::before { content: ''; width: 42px; height: 6px; background: url(../images/index/index-box5-slide-d.png) no-repeat center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
.index .index-box5 .wrap-box .swiper-slide { width: 300px }
.index .index-box5 .wrap-box .swiper-slide a { display: block; overflow: hidden; position: relative; height: 480px; background-color: #fff; padding: 10px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.index .index-box5 .wrap-box .swiper-slide a .img { width: 100%; height: 180px; background: no-repeat center; background-size: cover; margin-bottom: min(1.8229166666666667vw, 35px); position: relative; z-index: 2; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px }
@media (max-width:1024px) {
	.index .index-box5 .wrap-box .swiper-slide a .img { margin-bottom: 17.5px }
}
.index .index-box5 .wrap-box .swiper-slide a .img::before { content: ''; width: 100%; height: 100%; background: url(../images/index/index-box5-img-bg.png) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.index .index-box5 .wrap-box .swiper-slide a .h3 { font-size: 20px; color: #000; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; z-index: 2; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.index .index-box5 .wrap-box .swiper-slide a .h3 { font-size: 15px }
}
@media (max-width:1470px) {
	.index .index-box5 .wrap-box .swiper-slide a .h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.index .index-box5 .wrap-box .swiper-slide a .h3 { font-size: 12px }
}
.index .index-box5 .wrap-box .swiper-slide a .classify { font-size: 14px; color: #000; position: absolute; padding: 0 10px; margin-bottom: min(2.083333333333333vw, 40px); bottom: 0; left: 0; width: 100%; z-index: 2; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1470px) {
	.index .index-box5 .wrap-box .swiper-slide a .classify { font-size: 12px }
}
@media (max-width:768px) {
	.index .index-box5 .wrap-box .swiper-slide a .classify { font-size: 12px }
}
@media (max-width:1024px) {
	.index .index-box5 .wrap-box .swiper-slide a .classify { margin-bottom: 20px }
}
.index .index-box5 .wrap-box .swiper-slide a .btn { width: 100%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); line-height: 38px; background-color: #fff; background-color: rgba(255, 255, 255, 0.4); position: absolute; left: 10px; bottom: 10px; font-size: 12px; color: #fff; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.index .index-box5 .wrap-box .swiper-slide a::before { position: absolute; content: ''; width: 100%; height: 0; left: 0; bottom: 0; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; background-color: #0f92d8; background: -webkit-linear-gradient(180deg, #b7dff3, #0f92d8 100%); background: -moz-linear-gradient(180deg, #b7dff3, #0f92d8 100%); background: -o-linear-gradient(180deg, #b7dff3, #0f92d8 100%); background: -ms-linear-gradient(180deg, #b7dff3, #0f92d8 100%); background: linear-gradient(180deg, #b7dff3, #0f92d8 100%) }
.index .index-box5 .wrap-box .swiper-slide:hover a .img::before { opacity: 1 }
.index .index-box5 .wrap-box .swiper-slide:hover a .h3, .index .index-box5 .wrap-box .swiper-slide:hover a .classify { color: #fff }
.index .index-box5 .wrap-box .swiper-slide:hover a .classify { bottom: 90px }
.index .index-box5 .wrap-box .swiper-slide:hover a .btn { opacity: 1 }
.index .index-box5 .wrap-box .swiper-slide:hover a::before { height: 100%; top: 0 }
@media (max-width:1600px) {
	.index .index-box5 .wrap-box .le { height: 420px }
	.index .index-box5 .wrap-box .swiper-slide a { height: 420px }
	.index .index-box5 .wrap-box .swiper-slide a .classify { font-size: 12px }
	.index .index-box5 .wrap-box .swiper-slide:hover a .classify { bottom: 66px }
}
@media (max-width:1470px) {
	.index .index-box5::before { left: -918px }
}
@media (max-width:1280px) {
	.index .index-box5 { padding: 50px 0; background: url(../images/index/index-box5-bg2.jpg) no-repeat center }
	.index .index-box5::before { display: none }
	.index .index-box5 .wrap-box .le { display: none }
	.index .index-box5 .wrap-box .ri { float: none; width: 100% }
	.index .index-box5 .wrap-box .ri .ri-box { width: 100% }
	.index .index-box5 .wrap-box .ri .ri-box::before { display: none }
}
@media (max-width:768px) {
	.index .index-box5 .wrap-box .slide-btns { display: none }
	.index .index-box5 .wrap-box .index-btn { display: block; position: absolute; top: -60px; right: 0; color: #000; background-color: transparent; border: 1px solid #000 }
	.index .index-box5 .wrap-box .index-btn::before { background: url(../images/index/-index-box6-btn.png) no-repeat center }
	.index .index-box5 .wrap-box .swiper-slide { width: 260px }
	.index .index-box5 .wrap-box .swiper-slide a { height: 390px }
	.index .index-box5 .wrap-box .swiper-slide a .classify { bottom: 90px }
	.index .index-box5 .wrap-box .swiper-slide a .btn { opacity: 1; background-color: #008bd5; background-color: rgba(0, 139, 213, 0.6) }
}
.index .index-box6 { position: relative; background: no-repeat center; background-size: cover; padding: min(4.895833333333333vw, 94px) 0 min(6.25vw, 120px) }
@media (max-width:1024px) {
	.index .index-box6 { padding: 47px 0 60px 0 }
}
.index .index-box6 .content { position: relative; z-index: 2 }
.index .index-box6 .content .wrap-box { overflow: hidden }
.index .index-box6 .content .wrap-box h3 { font-size: 36px; color: #fff; line-height: 1; margin-bottom: min(0.8333333333333334vw, 16px); font-weight: 300 }
@media (max-width:1600px) {
	.index .index-box6 .content .wrap-box h3 { font-size: 32px }
}
@media (max-width:1470px) {
	.index .index-box6 .content .wrap-box h3 { font-size: 28px }
}
@media (max-width:1024px) {
	.index .index-box6 .content .wrap-box h3 { font-size: 24px }
}
@media (max-width:768px) {
	.index .index-box6 .content .wrap-box h3 { font-size: 20px }
}
@media (max-width:1024px) {
	.index .index-box6 .content .wrap-box h3 { margin-bottom: 8px }
}
.index .index-box6 .content .wrap-box h5 { font-size: 24px; color: #fff; color: rgba(255, 255, 255, 0.4); font-weight: 300 }
@media (max-width:1600px) {
	.index .index-box6 .content .wrap-box h5 { font-size: 18px }
}
@media (max-width:1470px) {
	.index .index-box6 .content .wrap-box h5 { font-size: 16px }
}
@media (max-width:1024px) {
	.index .index-box6 .content .wrap-box h5 { font-size: 15px }
}
@media (max-width:768px) {
	.index .index-box6 .content .wrap-box h5 { font-size: 14px }
}
.index .index-box6 .content .wrap-box .index-btn { color: #fff; background-color: transparent; border: 1px solid #fff }
@media (max-width:1600px) {
	.index .index-box6 .wrap-box h3 { font-size: 28px }
	.index .index-box6 .wrap-box h5 { font-size: 14px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.index .index-box6 .wrap-box h5 { font-size: 12px }
}
@media (max-width:1600px) and (max-width:768px) {
	.index .index-box6 .wrap-box h5 { font-size: 12px }
}
@media (max-width:1560px) {
	.index .index-box6 .wrap-box h3 { font-size: 28px }
}
@media (max-width:1560px) and (max-width:1600px) {
	.index .index-box6 .wrap-box h3 { font-size: 24px }
}
@media (max-width:1560px) and (max-width:1470px) {
	.index .index-box6 .wrap-box h3 { font-size: 20px }
}
@media (max-width:1560px) and (max-width:1024px) {
	.index .index-box6 .wrap-box h3 { font-size: 18px }
}
@media (max-width:1560px) and (max-width:768px) {
	.index .index-box6 .wrap-box h3 { font-size: 16px }
}
@media (max-width:768px) {
	.index .index-box6 { padding: 80px 0 }
	.index .index-box6 .le, .index .index-box6 .ri { float: none }
	.index .index-box6 .index-btn { margin-top: 20px }
}
.index .index-box6::before { content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; opacity: .2 }
.product .product-box1 { background-color: #f5f5f5; position: relative; z-index: 2; padding: min(8.854166666666668vw, 170px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.product .product-box1 { padding: 85px 0 50px 0 }
}
.product .product-box1 .content { position: relative; z-index: 2 }
.product .product-box1 .page_nav .list { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 150px 20px; }
.product .product-box1 .page_nav .list .li { width: 100%; }
.product .product-box1 .page_nav .list .li a { display: block; position: relative; text-align: center; width: 100%; height: 235px; background-color: #fff; border: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px }
.product .product-box1 .page_nav .list .li a .img {
	width: 63.5%; height: auto; -webkit-aspect-ratio: 1; aspect-ratio: 1; position: absolute; margin: auto; top: 0; right: 0; left: 0; transform: translateY(-50%);
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
	-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
}
.product .product-box1 .page_nav .list .li a .img img { transition: all .3s; -webkit-transition: all .3s }
.product .product-box1 .page_nav .list .li a .h1 { font-size: 16px; color: #000; line-height: 1.4; padding: 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
@media (max-width:1600px) {
	.product .product-box1 .page_nav .list .li a .h1 { font-size: 15px }
}
@media (max-width:1470px) {
	.product .product-box1 .page_nav .list .li a .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.product .product-box1 .page_nav .list .li a .h1 { font-size: 12px }
}
.product .product-box1 .page_nav .list .li a .ico { position: absolute; left: 0; right: 0; bottom: 27px; width: 18px; height: 15px; background: url(../images/product/product-ico.png) no-repeat center; background-size: cover; margin: auto }
.product .product-box1 .page_nav .list .li:hover a .img img { transform: scale(1.1); -webkit-transform: scale(1.1) }
.product .product-box1 .page_nav .list .li.on a, .product .product-box1 .page_nav .list .li.active a { background-color: #008edc }
.product .product-box1 .page_nav .list .li.on a .h1, .product .product-box1 .page_nav .list .li.active a .h1 { color: #fff }
.product .product-box1 .page_nav .list .li.on a .ico, .product .product-box1 .page_nav .list .li.active a .ico { background: url(../images/product/-product-ico.png) no-repeat center; background-size: cover }
.product .product-box1 .product-slide1 { overflow: hidden }
.product .product-box1 .product-slide1 .list { margin-left: -10px; margin-right: -10px; margin-top: -55px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center }
.product .product-box1 .product-slide1 .list .li { width: 25%; padding: 0 10px }
.product .product-box1 .product-slide1 .list .li a { display: block }
.product .product-box1 .product-slide1 .list .li .item { width: 100%; height: 100%; min-height: 180px; background-color: #142637; padding: min(1.4583333333333333vw, 28px) 0 min(0.5208333333333333vw, 10px); padding-left: min(1.5625vw, 30px); padding-right: min(1.5625vw, 30px); position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item { padding: 14px 0 5px 0 }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item { padding-left: 15px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item { padding-right: 15px }
}
.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 20px; color: #fff; line-height: 1 }
@media (max-width:1600px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 15px }
}
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 12px }
}
.product .product-box1 .product-slide1 .list .li .item .h1 em { font-family: 'Euclid-Square' }
.product .product-box1 .product-slide1 .list .li .item p { font-size: 14px; color: #fff; line-height: 1.4; margin-top: min(1.5625vw, 30px); opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .list .li .item p { font-size: 12px }
}
@media (max-width:768px) {
	.product .product-box1 .product-slide1 .list .li .item p { font-size: 12px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item p { margin-top: 15px }
}
.product .product-box1 .product-slide1 .list .li .item .ico { width: 40px; position: absolute; right: 20px; bottom: 16px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.product .product-box1 .product-slide1 .list .li .item:hover { background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
.product .product-box1 .product-slide1 .list .li .item:hover p { margin-top: min(1.3541666666666667vw, 26px); opacity: 1 }
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item:hover p { margin-top: 13px }
}
.product .product-box1 .product-slide1 .list .li .item:hover .ico { opacity: 0 }
.product .product-box1 .product-slide1 .wrap-box { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: min(4.427083333333334vw, 85px) }
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .wrap-box { margin-top: 42.5px }
}
.product .product-box1 .product-slide1 .wrap-box .img { width: 54%; background: no-repeat center; background-size: contain; background-color: #f5f5f5; background-blend-mode: multiply; text-align: right }
.product .product-box1 .product-slide1 .wrap-box .img img { max-width: 36vw }
.product .product-box1 .product-slide1 .wrap-box .introduce { max-width: 43% }
.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 36px; color: #000; line-height: 1.4; margin: min(4.479166666666667vw, 86px) 0 min(0.9375vw, 18px) }
@media (max-width:1600px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 32px }
}
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 28px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 24px }
}
@media (max-width:768px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 20px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { margin: 43px 0 9px }
}
.product .product-box1 .product-slide1 .wrap-box .introduce p { font-size: 24px; color: #666; line-height: 36px }
@media (max-width:1600px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce p { font-size: 18px }
}
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce p { font-size: 16px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce p { font-size: 15px }
}
@media (max-width:768px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce p { font-size: 14px }
}
.product .product-box1 .product-slide1 .product-list-slide { position: relative; overflow: hidden; }
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { width: 100%; height: 100%; min-height: 180px; background-color: #142637; padding: min(1.4583333333333333vw, 28px) 0 min(0.5208333333333333vw, 10px); padding-left: min(1.5625vw, 30px); padding-right: min(1.5625vw, 30px); position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { padding: 14px 0 5px 0 }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { padding-left: 15px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { padding-right: 15px }
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .h1 { font-size: 20px; color: #fff; line-height: 1 }
@media (max-width:1600px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .h1 { font-size: 15px }
}
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .h1 { font-size: 12px }
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .h1 em { font-family: 'Euclid-Square' }
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p {
    width: 100%; height: 8.4em; padding-right: 10px; font-size: 14px; color: #fff; line-height: 1.4; margin-top: min(1.5625vw, 30px);
    opacity: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;
    overflow: auto;
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p::-webkit-scrollbar {
	width:3px; height: 10px; background-color: #fff;
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p::-webkit-scrollbar-thumb {
	background-color: red; border-radius: 10px
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item p { color: #fff; }
@media (max-width:1470px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { font-size: 12px }
}
@media (max-width:768px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { font-size: 12px }
}
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { margin-top: 15px }
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .ico { width: 40px; position: absolute; right: 20px; bottom: 16px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { margin-top: min(1.3541666666666667vw, 26px); opacity: 1 }
@media (max-width:1024px) {
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { margin-top: 13px }
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .ico { opacity: 0 }
.product .product-box1 .product-slide1 .product-list-slide .swiper-pagination {
	width: 100%; height: auto; position: static; left: 0; top: 0; bottom: 0; right: 0; margin-top: 30px;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
}
.product .product-box1 .product-slide1 .product-list-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.product .product-box1 .product-slide1 .product-list-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.product .product-box1 .product-slide1 .product-list-slide.state .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; margin-left: -10px; margin-right: -10px }
.product .product-box1 .product-slide1 .product-list-slide.state .swiper-wrapper .swiper-slide { width: 25%; height: 100%; }
.product .product-box1::before { content: ''; width: 100%; height: 14.9vw; background-color: #fff; position: absolute; top: 0; left: 0 }
.product .product-box2 { position: relative; z-index: 3; padding: min(6.770833333333333vw, 130px) 0 min(5.208333333333334vw, 100px); background-color: #f7f7f7; background: -webkit-linear-gradient(0deg, #f7f7f7 0, #fff 100%); background: -moz-linear-gradient(0deg, #f7f7f7 0, #fff 100%); background: -o-linear-gradient(0deg, #f7f7f7 0, #fff 100%); background: -ms-linear-gradient(0deg, #f7f7f7 0, #fff 100%); background: linear-gradient(0deg, #f7f7f7 0, #fff 100%) }
.product .product-box1 .product-slide1 .product-list-slide.active .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
@media (max-width:1024px) {
	.product .product-box2 { padding: 65px 0 50px 0 }
	.product .product-box1 .product-slide1 .product-list-slide.active .swiper-wrapper  {
	     grid-template-columns: repeat(3,1fr);
	}
}
.product .product-box2 .page-title { margin-bottom: min(1.4583333333333333vw, 28px) }
@media (max-width:1024px) {
	.product .product-box2 .page-title { margin-bottom: 14px }
}
.product .product-box2 .productListTable .form-item { min-height: 100px; background-color: #f3f8fa; position: relative; padding: 38px 50px; display: flex; display: -webkit-flex; justify-content: left; -webkit-justify-content: left }
.product .product-box2 .productListTable .form-item label { font-size: 16px; color: #000; cursor: pointer }
@media (max-width:1600px) {
	.product .product-box2 .productListTable .form-item label { font-size: 14px }
}
@media (max-width:768px) {
	.product .product-box2 .productListTable .form-item label { font-size: 12px }
	.product .product-box1 .product-slide1 .product-list-slide.active .swiper-wrapper  {
	     grid-template-columns: repeat(2,1fr);
	}
	.product .product-box1 .product-slide1 .product-list-slide.active .swiper-slide {
	    width: auto;
	}
}
@media (max-width:480px) {
    .product .product-box1 .product-slide1 .product-list-slide.active .swiper-wrapper  {
	     grid-template-columns: repeat(1,1fr);
	}
}
.product .product-box2 .productListTable .form-item label .radio { margin-right: min(0.4166666666666667vw, 8px);    pointer-events: none; }
@media (max-width:1024px) {
	.product .product-box2 .productListTable .form-item label .radio { margin-right: 4px }
}
.product .product-box2 .productListTable .form-item label.form-label { margin-right: min(2.604166666666667vw, 50px); white-space: nowrap }
@media (max-width:1024px) {
	.product .product-box2 .productListTable .form-item label.form-label { margin-right: 25px }
}
.product .product-box2 .productListTable .form-item label:hover { color: #008bd5 }
.product .product-box2 .productListTable .form-item .input-block { grid-gap: 6px 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.product .product-box2 .productListTable .form-item::before { content: ''; width: 10px; height: 60px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background-color: #008edc; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0 }
.product .product-box2 .productListTable .formArea { background-color: #f3f8fa; border-top: 2px solid #008edc; padding: 30px 40px; margin-top: 10px; position: relative; z-index: 102 }
.product .product-box2 .productListTable .formArea .formArea-box { width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}
.product .product-box2 .productListTable .formArea .formArea-box .item { width: 100%; }
.product .product-box2 .productListTable .formArea .formArea-box .item .item_title { width: 100%; height: auto; font-size: 18px; padding-left: 14px; position: relative;color: #333;}
.product .product-box2 .productListTable .formArea .formArea-box .item .item_title::after { content:''; width: 2px; height: 1em; position: absolute;left: 0;top: 50%;background: #008bd5;transform: translateY(-50%);border-radius: 0 50% 50% 0;}
.product .product-box2 .productListTable .formArea .formArea-box .item .c_down { position: relative; height: 54px; cursor: pointer; width: 100%;margin-top: 10px;}
.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span { position: relative; display: block; height: 54px; line-height: 54px; background-color: #fff; color: #999; font-size: 16px; padding: 0 min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px }
@media (max-width:1600px) {
    .product .product-box2 .productListTable .formArea .formArea-box .item .item_title { font-size: 16px; }
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span { font-size: 14px }
}
@media (max-width:768px) {
    .product .product-box2 .productListTable .formArea .formArea-box .item .item_title { font-size: 14px; }
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span { font-size: 12px }
}
@media (max-width:1024px) {
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span { padding: 0 10px 0 10px }
}
.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 20px; top: 0 }
.product .product-box2 .productListTable .formArea .formArea-box .item .c_down ul { display: none; z-index: 9; position: absolute; top: 100%; margin-top: 1px; background-color: #fff; padding: 20px; max-height: 119px; overflow-y: auto; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .06);
}
.product .product-box2 .productListTable .formArea .formArea-box .item .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px }
@media (max-width:1470px) {
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down ul li { font-size: 12px }
}
@media (max-width:768px) {
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down ul li { font-size: 12px }
}
.product .product-box2 .productListTable .formArea .product-search {
    width: 100%; height: auto; 
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;
}
.product .product-box2 .productListTable .formArea .product-search input[type="text"] { width: 100%; flex: 1; height: 54px; border: 0; padding: 0 10px; background-color: #fff; font-size: 14px; border-radius: 6px 0 0 6px; }
.product .product-box2 .productListTable .formArea .product-search input[type="submit"],
.product .product-box2 .productListTable .formArea .product-search input[type="button"]{ width: 54px; height: 54px; background: url(../images/search-ico.png) no-repeat center #008bd5; border: 0;
    border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -ms-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; cursor: pointer;
}
@media (max-width:1470px) {
	.product .product-box2 .productListTable .formArea .product-search input { font-size: 12px }
}
@media (max-width:768px) {
	.product .product-box2 .productListTable .formArea .product-search input { font-size: 12px }
}
.product .product-box2 .productListTable .formArea .product-remove {
    width: 100%; height: auto; 
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;
}
.product .product-box2 .productListTable .formArea .product-remove .layui-btn { width: auto; height: 54px; padding: 0 30px; line-height: 54px; font-size: 16px; background: #008bd5; border-radius: 6px; }



.product .product-box2 .checkIcon { cursor: pointer; display: block; position: relative; width: 11px; height: 11px; background-color: #fff; border: 1px solid #d8d8d8; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.product .product-box2 .checkIcon::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 7px; height: 7px; background-color: #008bd5; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; opacity: 0 }
.product .product-box2 .checkIcon.checked { border: 1px solid #008bd5 }
.product .product-box2 .checkIcon.checked::after { opacity: 1 }
.product .product-box2 .checkIcon.disabled { border: 1px solid #d8d8d8; opacity: .6; cursor: not-allowed }
.product .product-box2 .checkIcon.disabled::after { opacity: 0 }
.product .product-box2 .collect { cursor: pointer; display: block; position: relative; width: 20px; height: 20px; background: url(../images/ico-collect.svg) no-repeat center; background-size: cover; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease }
.product .product-box2 .collect.on { background: url(../images/-ico-collect.svg) no-repeat center; background-size: cover }
.product .product-box2 .layui-table-box { text-align: center; margin: 0 }
.product .product-box2 .layui-table-header { overflow: visible }
.product .product-box2 .layui-table-box a { display: block; transition: all .3s; -webkit-transition: all .3s }
.product .product-box2 .layui-table-box a:hover { color: #008bd5 }
.product .product-box2 .layui-table-view .layui-table-header .layui-table th { padding: 24px 0 }
.product .product-box2 .layui-table { width: 100% }
.product .product-box2 .layui-table-header .layui-table-cell { font-size: 14px; color: #000; text-align: center; padding: 0 5px; font-weight: bold; height: auto; white-space: normal }
.product .product-box2 .layui-table-view .layui-table td { padding: 16px 0; width: 157.5px; }
.product .product-box2 .layui-table td { font-size: 14px; color: #262626 }
@media (max-width:1470px) {
	.product .product-box2 .layui-table td { font-size: 12px }
}
@media (max-width:768px) {
	.product .product-box2 .layui-table td { font-size: 12px }
}

.product .product-box2 .layui-table .layui-table-cell{text-align: center;}
.product .product-box2 .layui-table thead tr th {padding: 24px 0;}

.product .product-box2 .bgWhite thead tr{background: white !important;}
.product .product-box2 .bgWhite thead tr th{font-size:14px; color: #000; font-weight: bold;}
/*.product .product-box2 .laytable-cell-1-0-0 { width: 173px }*/
/*.product .product-box2 .laytable-cell-1-0-1 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-2 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-3 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-4 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-5 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-6 { width: 154px }*/
/*.product .product-box2 .laytable-cell-1-0-7 { width: 154px }*/
.product .product-box2 .laytable-cell-1-0-6, .product .product-box2 .laytable-cell-1-0-7 { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center }
.product .product-box2 .laytable-cell-1-0-6:hover .checkIcon, .product .product-box2 .laytable-cell-1-0-7:hover .checkIcon { border: 1px solid #008bd5 }
.product .product-box2 .laytable-cell-1-0-6:hover .checkIcon::after, .product .product-box2 .laytable-cell-1-0-7:hover .checkIcon::after { opacity: 1 }
.product .product-box2 .laytable-cell-1-0-6:hover .collect, .product .product-box2 .laytable-cell-1-0-7:hover .collect { background: url(../images/-ico-collect.svg) no-repeat center; background-size: cover }
.product .product-box2 .layui-table-fixed-r { box-shadow: none }
.product .product-box2 .layui-table thead tr { background-color: #fff }
.product .product-box2 .layui-table tbody tr:hover { background-color: #fff }
.product .product-box2 .layui-table-main tr:nth-child(odd), .product .product-box2 .layui-table-main tr:nth-child(odd):hover, .product .product-box2 .layui-table-fixed .layui-table-body tr:nth-child(odd) { background-color: #f3f8fa }
.product .product-box2 .layui-table td, .product .product-box2 .layui-table th, .product .product-box2 .layui-table-col-set, .product .product-box2 .layui-table-fixed-r, .product .product-box2 .layui-table-grid-down, .product .product-box2 .layui-table-header, .product .product-box2 .layui-table-page, .product .product-box2 .layui-table-tips-main, .product .product-box2 .layui-table-tool, .product .product-box2 .layui-table-total, .product .product-box2 .layui-table-view, .product .product-box2 .layui-table[lay-skin=line], .product .product-box2 .layui-table[lay-skin=row] { border-color: #e2ebeb }
.product .product-box3 { position: relative; overflow: hidden; min-height: 100vh }
.product .product-box3 .page-title { position: absolute; top: 0; left: 0 }
.product .product-box3 .page-title h1 { color: #fff }
.product .product-box3 .pin-spacer { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important }
.product .product-box3 .vision_area { position: static; z-index: 1; overflow: hidden }
.product .product-box3 .video_area { position: static; left: 0; top: 0; margin: 0 auto; height: 100px }
.product .product-box3 .video_area .pin-spacer { width: 100% !important }
.product .product-box3 .fixed_video { position: absolute; right: 0; top: 0; margin-top: 0; max-width: 100% !important; width: 100% !important; height: 100%; z-index: 1; padding-left: 42.9%; background: url(../images/product/product-box3-bg.jpg) no-repeat left top #008edc; background-size: contain }
.product .product-box3 .width_video { position: relative; width: 100%; height: 100vh; height: -moz-calc(100vh + 100px); height: -webkit-calc(100vh + 100px); height: calc(100vh + 100px); text-align: center; overflow: hidden; z-index: 1; background: url(../images/product/product-box3-bg2.jpg) no-repeat center; background-size: cover }
.product .product-box3 .width_video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover }
.product .product-box3 .wedo_inner { position: relative; z-index: 1 }
.product .product-box3 .nums { position: absolute; top: 0; left: 0; width: 20%; padding-top: 74vh }
.product .product-box3 .tab-wrap { position: absolute; padding-left: 30.8%; padding-top: 40vh; width: 100% }
.product .product-box3 .tab-box { max-width: 64%; display: none }
.product .product-box3 .tab-box .p { max-width: 72%; margin-top: 10px }
.product .product-box3 .tab-box.active { display: block }
.product .product-box3 .nums .num { font-size: 140px; color: #fff; line-height: 1; font-family: 'Euclid-Square'; position: relative; display: none; top: -50px }
@media (max-width:1600px) {
	.product .product-box3 .nums .num { font-size: 130px }
}
@media (max-width:1560px) {
	.product .product-box3 .nums .num { font-size: 120px }
}
@media (max-width:1470px) {
	.product .product-box3 .nums .num { font-size: 110px }
}
@media (max-width:1366px) {
	.product .product-box3 .nums .num { font-size: 100px }
}
@media (max-width:1200px) {
	.product .product-box3 .nums .num { font-size: 90px }
}
@media (max-width:1024px) {
	.product .product-box3 .nums .num { font-size: 80px }
}
@media (max-width:768px) {
	.product .product-box3 .nums .num { font-size: 54px }
}
@media (max-width:480px) {
	.product .product-box3 .nums .num { font-size: 40px }
}
@media (max-width:360px) {
	.product .product-box3 .nums .num { font-size: 30px }
}
.product .product-box3 .nums .num.active { display: block }
.product .product-box3 .tab-wrap .h1 { font-size: 60px; color: #fff; line-height: 1.4 }
@media (max-width:1600px) {
	.product .product-box3 .tab-wrap .h1 { font-size: 40px }
}
@media (max-width:1470px) {
	.product .product-box3 .tab-wrap .h1 { font-size: 38px }
}
@media (max-width:1024px) {
	.product .product-box3 .tab-wrap .h1 { font-size: 36px }
}
@media (max-width:768px) {
	.product .product-box3 .tab-wrap .h1 { font-size: 28px }
}
.product .product-box3 .tab-wrap p { font-size: 18px; color: #fff; line-height: 1.8 }
@media (max-width:1600px) {
	.product .product-box3 .tab-wrap p { font-size: 16px }
}
@media (max-width:1470px) {
	.product .product-box3 .tab-wrap p { font-size: 13px }
}
@media (max-width:768px) {
	.product .product-box3 .tab-wrap p { font-size: 12px }
}
.product .product-box3 .tab-name { min-width: 208px; float: right }
.product .product-box3 .tab-name .item { position: relative; width: 100%; height: 208px; padding: 18px; margin-bottom: 35px; background-color: #fff; background-color: rgba(255, 255, 255, 0.4); border: 1px solid #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.product .product-box3 .tab-name .item .num { font-size: 18px; color: #fff; line-height: 1; font-family: 'Euclid-Square' }
@media (max-width:1600px) {
	.product .product-box3 .tab-name .item .num { font-size: 16px }
}
@media (max-width:1470px) {
	.product .product-box3 .tab-name .item .num { font-size: 13px }
}
@media (max-width:768px) {
	.product .product-box3 .tab-name .item .num { font-size: 12px }
}
.product .product-box3 .tab-name .item .h1 { font-size: 20px; color: #fff; position: absolute; left: 0; padding: 0 4px 0 18px; bottom: 18px; width: 100% }
@media (max-width:1600px) {
	.product .product-box3 .tab-name .item .h1 { font-size: 15px }
}
@media (max-width:1470px) {
	.product .product-box3 .tab-name .item .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.product .product-box3 .tab-name .item .h1 { font-size: 12px }
}
.product .product-box3 .tab-name .item .p { display: none }
.product .product-box3 .tab-name .item.on { background-color: #008edc; border-color: #008edc }
.product .product-box4 { background: url(../images/product/product-box4-bg.jpg) no-repeat center; background-size: cover; padding: min(8.333333333333332vw, 160px) 0 min(5.104166666666667vw, 98px); overflow: hidden }
@media (max-width:1024px) {
	.product .product-box4 { padding: 80px 0 49px 0 }
}
.product .product-box4 .page-more { font-size: 16px; color: #008bd5; line-height: 32px; height: 32px; padding: 0 18px 0 40px; background: url(../images/ico-page-more.png) no-repeat left 16px center #dfe7ec; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px }
@media (max-width:1600px) {
	.product .product-box4 .page-more { font-size: 14px }
}
@media (max-width:768px) {
	.product .product-box4 .page-more { font-size: 12px }
}
.product .product-box4 .product-case-slide { position: relative; overflow: hidden; margin-top: min(2.864583333333333vw, 55px); padding-bottom: 20px }
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide { margin-top: 27.5px }
}
.product .product-box4 .product-case-slide .item { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: relative; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.product .product-box4 .product-case-slide .item .img { width: 100%; overflow: hidden; background: no-repeat center; background-size: cover; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.product .product-box4 .product-case-slide .item .img .pb { padding-bottom: 56.2% }
.product .product-box4 .product-case-slide .item .img .ab { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.product .product-box4 .product-case-slide .item .text { padding: min(1.4583333333333333vw, 28px) 0 min(1.5625vw, 30px); padding-left: min(1.3541666666666667vw, 26px); padding-right: min(1.3541666666666667vw, 26px) }
.product .product-box4 .product-case-slide .item:hover .img .ab {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide .item .text { padding: 14px 0 15px 0 }
}
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide .item .text { padding-left: 13px }
}
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide .item .text { padding-right: 13px }
}
.product .product-box4 .product-case-slide .item .text h1 { font-size: 22px; color: #000; line-height: 1.4; margin-bottom: min(0.4166666666666667vw, 8px);
    -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
@media (max-width:1600px) {
	.product .product-box4 .product-case-slide .item .text h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.product .product-box4 .product-case-slide .item .text h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide .item .text h1 { font-size: 14px }
}
@media (max-width:768px) {
	.product .product-box4 .product-case-slide .item .text h1 { font-size: 12px }
}
@media (max-width:1024px) {
	.product .product-box4 .product-case-slide .item .text h1 { margin-bottom: 4px }
}
.product .product-box4 .product-case-slide .item .text p { width: 100%; height: 3em; font-size: 16px; color: #000; line-height: 1.5; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
@media (max-width:1600px) {
	.product .product-box4 .product-case-slide .item .text p { font-size: 14px }
}
@media (max-width:768px) {
	.product .product-box4 .product-case-slide .item .text p { font-size: 12px }
}
.product .product-box4 .product-case-slide .item:hover .text h1 { color: #008bd5; }
.product .product-box4 .product-case-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.product .product-box4 .product-case-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.product .product-box4 .product-case-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
@media (max-width:1600px) {
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 28px }
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 22px }
	.product .product-box2 .productListTable .layui-table-header .layui-table-cell { font-size: 14px }
	.product .product-box3 .tab-wrap .p { max-width: 100% }
	.product .product-box3 .tab-wrap p { font-size: 22px; line-height: 24px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 18px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 14px }
}
@media (max-width:1600px) and (max-width:768px) {
	.product .product-box1 .product-slide1 .list .li .item .h1 { font-size: 12px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.product .product-box3 .tab-wrap p { font-size: 18px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.product .product-box3 .tab-wrap p { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.product .product-box3 .tab-wrap p { font-size: 14px }
}
@media (max-width:1600px) and (max-width:768px) {
	.product .product-box3 .tab-wrap p { font-size: 12px }
}
@media (max-width:1470px) {
	.product .product-box1 .page_nav .list .li a { height: 190px }
	.product .product-box2 .productListTable .form-item .input-block { grid-gap: 6px 30px }
}
@media (max-width:1280px) {
	.product .product-box1 .page_nav .list { /*margin-left: -7.5px; margin-right: -7.5px*/ grid-gap: 100px 14px; }
	/*.product .product-box1 .page_nav .list .li { padding: 0 7.5px }*/
	.product .product-box1 .page_nav .list .li a { height: 200px }
	.product .product-box1 .product-slide1 .list { margin-left: -7.5px; margin-right: -7.5px }
	.product .product-box1 .product-slide1 .list .li { padding: 0 7.5px }
	.product .product-box1 .product-slide1 .list .li .item { padding: 28px 20px 10px }
	.product .product-box3 .page-title, .product .product-box3 .nums { left: 40px }
	.product .product-box4 .list { margin-left: -7.5px; margin-right: -7.5px }
	.product .product-box4 .list .li { padding: 0 7.5px }
}
@media (max-width:1200px) {
	.product .product-box1 { padding: 50px 0 }
	.product .product-box1 .page_nav { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;
	   padding: 45px 0 10px;
	}
	.product .product-box1 .page_nav .list { font-size: 0; overflow: visible }
	.product .product-box1 .page_nav::-webkit-scrollbar { width: 5px; height: 8px; background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.product .product-box1 .page_nav::-webkit-scrollbar-thumb { background-color: #008bd5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	/*.product .product-box1 .page_nav .list { display: block; margin-left: 0; margin-right: 0 }*/
	/*.product .product-box1 .page_nav .list .li { width: 200px; padding: 0; display: inline-block; margin-right: 24px }*/
	.product .product-box1 .product-slide1 .wrap-box { margin-top: 50px }
	.product .product-box1 .product-slide1 .wrap-box .img img { max-width: 42vw }
	.product .product-box1 .product-slide1 .list .li .item { padding: 20px 12px 10px; background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
	.product .product-box1 .product-slide1 .list .li .item p { margin-top: 20px; opacity: 1 }
	.product .product-box1 .product-slide1 .list .li .item .ico { opacity: 0 }
	.product .product-box1 .product-slide1 .list .li .item:hover { background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
	.product .product-box1 .product-slide1 .list .li .item:hover p { opacity: 1; margin-top: 20px }
	.product .product-box1 .product-slide1 .list .li .item:hover .ico { opacity: 0 }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item { padding: 20px 12px 10px; background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .p { margin: 20px 0 0; opacity: 1; }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item .ico { opacity: 0 }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item:hover { background: url(../images/product/product-slide-item-bg.jpg) no-repeat center; background-size: cover }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item:hover .p { margin: 0; }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide .item:hover .ico { opacity: 0 }
	.product .product-box1 .product-slide1 .product-list-slide.state .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; justify-content: inherit; align-items: inherit; margin-left: 0; margin-right: 0 }
	.product .product-box1 .product-slide1 .product-list-slide.state .swiper-wrapper .swiper-slide { width: 33.3333% }
	.product .product-box2 { padding: 50px 0 }
	.product .product-box2 .productListTable .form-item { padding: 38px 30px }
	.product .product-box2 .form-item label.form-label { margin-right: 20px }
	.product .product-box2 .form-item .input-block { grid-gap: 6px 30px }
	.product .product-box2 .productListTable .formArea { padding: 30px; }
	.product .product-box3 .tab-wrap { padding-left: 20.8% }
	.product .product-box4 { padding: 50px 0 }
}
@media (max-width:990px) {
    .product .product-box1 { padding: 0; }
    .product .product-box1::before { display: none;}
    .product .product-box1 .content { padding: 0; }
    .product .product-box1 .page_box_nav { padding: 50px 40px 40px; background: #fff; }
	.product .product-box1 .page_nav { padding: 0; }
    .product .product-box1 .page_nav .list { grid-template-columns: repeat(3, 1fr); grid-gap: 12px; }
	.product .product-box1 .page_nav .list .li { height: auto; }
	.product .product-box1 .page_nav .list .li a { height: auto; display: block; padding: 12px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px; }
	.product .product-box1 .page_nav .list .li a .img { width: 100%; max-width: 100px; -webkit-aspect-ratio: 1; aspect-ratio: 1; position: static; display: block; align-items: center; justify-content: center; transform: translate(0); }
	.product .product-box1 .page_nav .list .li a .h1 { width: 100%; height: 3em; margin-top: 10px; font-size: 14px; line-height: 1.5; }
	.product .product-box1 .page_nav .list .li a .ico { display: none; }
    .product .product-box1 .product-slide1 { padding: 0 40px 40px; }
    .product .product-box1 .product-slide1 .list .li { width: 50%; margin-bottom: 15px }
    .product .product-box1 .product-slide1 .list .li .item { min-height: auto; padding: 20px 12px }
    
    .product .product-box2 .productListTable .formArea .formArea-box { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
}
@media (max-width:768px) {
	/*.product .product-box1 { padding: 50px 0 35px }*/
	/*.product .product-box1 .page_box_nav { margin-left: -17.5px; margin-right: -17.5px }*/
	.product .product-box1 .page_box_nav { padding: 40px 17.5px 30px; }
	.product .product-box1 .product-slide1 { padding: 0 17.5px 40px; }
	.product .product-box1 .product-slide1 .wrap-box { margin-top: 0; display: block }
	.product .product-box1 .product-slide1 .wrap-box .img img { max-width: 69vw }
	.product .product-box1 .product-slide1 .wrap-box .introduce { max-width: 100% }
	.product .product-box1 .product-slide1 .wrap-box .introduce .h1 { font-size: 16px; margin: 40px 0 8px }
	.product .product-box1 .product-slide1 .wrap-box .introduce p { line-height: 24px }
	.product .product-box1 .product-slide1 .wrap-box .img { width: 100%; text-align: center; margin-top: 20px }
	.product .product-box1 .product-slide1 .list { margin-top: 10px }
	.product .product-box1 .product-slide1 .list .li .item .p { font-size: 12px; margin-top: 6px; opacity: 1 }
	.product .product-box1 .product-slide1 .product-list-slide .swiper-slide { width: 260px }
	.product .product-box1 .product-slide1 .product-list-slide.state .swiper-wrapper .swiper-slide { width: 260px; padding: 0 }
	.product .product-box1::before { display: none }
	.product .product-box2 .productListTable .formArea { padding: 20px 17.5px }
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down { height: 40px }
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span { height: 40px; line-height: 40px; padding: 0 19px 0 10px }
	.product .product-box2 .productListTable .formArea .formArea-box .item .c_down span::before { right: 6px }
	.product .product-box2 .productListTable .formArea .product-search {}
	.product .product-box2 .productListTable .formArea .product-search input[type="submit"],
	.product .product-box2 .productListTable .formArea .product-search input[type="button"]{ width: 40px; height: 40px }
	.product .product-box2 .productListTable .formArea .product-search input[type="text"] { height: 40px; }
	.product .product-box2 .productListTable .formArea .product-remove .layui-btn { height: 40px; line-height: 40px; font-size: 14px; }
	.product .product-box2 .productListTable .form-item { padding: 20px 17.5px; display: block }
	.product .product-box2 .productListTable .form-item label.form-label { display: block; margin-bottom: 10px }
	.product .product-box2 .productListTable .form-item .input-block { grid-gap: 6px 20px }
	.product .product-box2 .laytable-cell-1-0-0 { width: 120px }
	.product .product-box2 .laytable-cell-1-0-1 { width: 120px }
	.product .product-box2 .laytable-cell-1-0-2 { width: 120px }
	.product .product-box2 .laytable-cell-1-0-3 { width: 120px }
	.product .product-box2 .laytable-cell-1-0-4 { width: 140px }
	.product .product-box2 .laytable-cell-1-0-5 { width: 140px }
	.product .product-box2 .laytable-cell-1-0-6 { width: 70px }
	.product .product-box2 .laytable-cell-1-0-7 { width: 70px }
	.product .product-box3 { min-height: auto; padding: 50px 0 35px }
	.product .product-box3 .video_area { height: 0 }
	.product .product-box3 .fixed_video { padding-left: 0 }
	.product .product-box3 .pin-spacer { inset: inherit !important }
	.product .product-box3 .page-title { position: static }
	.product .product-box3 .tab-box, .product .product-box3 .nums { display: none !important }
	.product .product-box3 .tab-name { float: none; min-width: auto; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
	.product .product-box3 .tab-name .item { width: 49%; height: auto; background-color: #008edc; border-color: #008edc; margin-bottom: 15px; padding: 20px 12px }
	.product .product-box3 .tab-name .item .h1 { position: static; padding: 0 }
	.product .product-box3 .tab-name .item .p { display: block; margin-top: 6px }
	.product .product-box3 .tab-name .item .p p { font-size: 12px; color: #fff; line-height: 20px; text-align: left }
	.product .product-box4 .list { margin-top: 30px }
	.product .product-box4 .product-case-slide .swiper-slide { width: 260px }
	.product .product-box4 .product-case-slide .swiper-pagination { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important }
}
@media (max-width:480px) {
	.product .product-box1 .page_nav .list { grid-template-columns: repeat(2, 1fr); }
	.product .product-box2 .productListTable .formArea .formArea-box { grid-template-columns: 100%; grid-gap: 15px; }
}
.compare-wrap { position: fixed; width: 100%; left: 0; right: 0; margin: auto; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); z-index: 99; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.compare-wrap .diff-hd { display: flex; flex-wrap: wrap; justify-content: space-between; padding: min(1.3541666666666667vw, 26px) 0 min(1.3541666666666667vw, 26px); margin-bottom: min(1.5625vw, 30px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.compare-wrap .diff-hd { padding: 13px 0 13px 0 }
}
@media (max-width:1024px) {
	.compare-wrap .diff-hd { margin-bottom: 15px }
}
.compare-wrap .diff-hd span:first-child { display: inline-block; font-size: 22px; color: #010101; position: relative }
@media (max-width:1600px) {
	.compare-wrap .diff-hd span:first-child { font-size: 18px }
}
@media (max-width:1470px) {
	.compare-wrap .diff-hd span:first-child { font-size: 16px }
}
@media (max-width:1024px) {
	.compare-wrap .diff-hd span:first-child { font-size: 14px }
}
@media (max-width:768px) {
	.compare-wrap .diff-hd span:first-child { font-size: 12px }
}
.compare-wrap .diff-hd span.hide-me { font-size: 14px; color: #008bd5; cursor: pointer }
@media (max-width:1470px) {
	.compare-wrap .diff-hd span.hide-me { font-size: 12px }
}
@media (max-width:768px) {
	.compare-wrap .diff-hd span.hide-me { font-size: 12px }
}
.compare-wrap .tab-con { position: relative; padding-right: 238px; min-height: 126px }
.compare-wrap .tab-con ul { margin-left: -10px; margin-right: -10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.compare-wrap .tab-con ul li { width: 33.3333%; padding: 0 10px }
.compare-wrap .diff-items .li-box { position: relative; width: 100%; height: 106px; margin-bottom: min(1.0416666666666665vw, 20px); background-color: #f8f8f8; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.compare-wrap .diff-items .li-box { margin-bottom: 10px }
}
.compare-wrap .diff-items .li-box .pic { float: left; width: 106px; height: 106px; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.compare-wrap .diff-items .li-box .pic img { transition: all .3s; -webkit-transition: all .3s }
.compare-wrap .diff-items .li-box .con { display: inline-block; line-height: 24px; font-size: 16px; color: #666; flex: 1; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; padding: 0 min(0.4166666666666667vw, 8px) 0 min(0.4166666666666667vw, 8px) }
@media (max-width:1600px) {
	.compare-wrap .diff-items .li-box .con { font-size: 14px }
}
@media (max-width:768px) {
	.compare-wrap .diff-items .li-box .con { font-size: 12px }
}
@media (max-width:1024px) {
	.compare-wrap .diff-items .li-box .con { padding: 0 4px 0 4px }
}
.compare-wrap .diff-items .li-box .close { display: inline-block; width: 14px; height: 14px; position: absolute; right: 10px; top: 10px; background: url(../images/product/compare-close.png); background-size: cover; cursor: pointer }
.compare-wrap .diff-items .li-box .close:hover { background: url(../images/product/-compare-close.png); background-size: cover }
.compare-wrap .diff-items .li-box:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1) }
.compare-wrap .diff-operate { position: absolute; right: 0; top: 0 }
.compare-wrap .diff-operate button { display: block; width: 200px; font-size: 16px; text-align: center; line-height: 48px; background-color: #dfe7ec; color: #008bd5; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px }
@media (max-width:1600px) {
	.compare-wrap .diff-operate button { font-size: 14px }
}
@media (max-width:768px) {
	.compare-wrap .diff-operate button { font-size: 12px }
}
.compare-wrap .diff-operate button.del-items { margin-top: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.compare-wrap .diff-operate button.del-items { margin-top: 5px }
}
.compare-wrap .diff-operate button:hover { background-color: #008bd5; color: #fff }
.compare-wrap.on { bottom: 0 }
@media (max-width:1200px) {
	.compare-wrap .diff-hd { padding: 20px 0 }
	.compare-wrap .diff-hd span:first-child { font-size: 16px }
	.compare-wrap .diff-items ul { margin-left: -7.5px; margin-right: -7.5px }
	.compare-wrap .diff-items ul li { padding: 0 7.5px }
	.compare-wrap .diff-items ul li .close { top: 5px }
	.compare-wrap .tab-con { padding-right: 180px; padding-bottom: 20px; min-height: auto }
	.compare-wrap .diff-operate button { width: 160px; line-height: 34px }
}
@media (max-width:990px) {
	.compare-wrap .diff-items .li-box { height: auto }
	.compare-wrap .diff-items .li-box .pic { width: 40%; height: auto }
}
@media (max-width:768px) {
	.compare-wrap .diff-hd { margin-bottom: 10px }
	.compare-wrap .tab-con { padding-right: 0; min-height: auto; padding-bottom: 10px }
	.compare-wrap .diff-items .li-box { margin-top: 0 }
	.compare-wrap .diff-operate { position: static; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center }
	.compare-wrap .diff-operate button { width: auto; padding: 0 8vw }
	.compare-wrap .diff-operate button.del-items { margin-top: 0; margin-left: 10px }
}
@media (max-width:480px) {
	.compare-wrap { bottom: -320px }
	.compare-wrap .diff-items ul li { width: 50% }
}
.compare .tip-nav { background-color: #fafafa }
.compare .compare-box1 { width: 100%; margin: min(4.6875vw, 90px) 0 min(4.6875vw, 90px) }
@media (max-width:1024px) {
	.compare .compare-box1 { margin: 45px 0 45px }
}
.compare .compare-box1 .portal-tip { padding-bottom: min(1.7708333333333333vw, 34px); border-bottom: 1px solid #000 }
@media (max-width:1024px) {
	.compare .compare-box1 .portal-tip { padding-bottom: 17px }
}
.compare .compare-box1 .portal-tip .name .h3 { font-size: 24px }
@media (max-width:1600px) {
	.compare .compare-box1 .portal-tip .name .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.compare .compare-box1 .portal-tip .name .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .portal-tip .name .h3 { font-size: 15px }
}
@media (max-width:768px) {
	.compare .compare-box1 .portal-tip .name .h3 { font-size: 14px }
}
.compare .compare-box1 .portal-tip .col-check { margin-left: min(2.604166666666667vw, 50px); font-size: 16px; color: #000 }
@media (max-width:1024px) {
	.compare .compare-box1 .portal-tip .col-check { margin-left: 25px }
}
@media (max-width:1600px) {
	.compare .compare-box1 .portal-tip .col-check { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .portal-tip .col-check { font-size: 12px }
}
.compare .compare-box1 .portal-tip .col-check .icon-checkbox { margin-right: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.compare .compare-box1 .portal-tip .col-check .icon-checkbox { margin-right: 5px }
}
.compare .compare-box1 .compare_main { width: 100%; height: auto; overflow: hidden }
.compare .compare-box1 .compare_main .compare_head { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden }
.compare .compare-box1 .compare_main .compare_head .label { width: 16%; font-size: 18px; color: #000; padding: 0 min(0.8333333333333334vw, 16px) 0 min(0.8333333333333334vw, 16px) }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_head .label { font-size: 16px }
}
@media (max-width:1470px) {
	.compare .compare-box1 .compare_main .compare_head .label { font-size: 13px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .label { font-size: 12px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .label { padding: 0 8px 0 8px }
}
.compare .compare-box1 .compare_main .compare_head .menu { flex: 1; overflow: hidden; padding-left: 18px; border-left: 1px solid #e2ebeb }
.compare .compare-box1 .compare_main .compare_head .menu .ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 40px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li { width: 100%; height: auto; position: relative; z-index: 1; padding-bottom: 55px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .close { width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; color: #818585; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .close i { font-size: 16px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .close:hover { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down { position: relative; height: 48px; margin: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px); cursor: pointer }
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down { margin: 20px 0 20px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span { position: relative; display: block; height: 48px; line-height: 48px; background-color: #fff; border: 1px solid #e5e5e5; color: #000; font-size: 16px; padding: 0 min(1.7708333333333333vw, 34px) 0 min(0.9375vw, 18px); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span { font-size: 12px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span { padding: 0 17px 0 9px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 20px; top: 0 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down ul { display: none; z-index: 9; position: absolute; top: 55px; background-color: #fff; padding: 20px 18px; max-height: 119px; overflow-x: hidden; overflow-y: auto; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px; padding: 0; width: auto; position: static; margin: 0 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .img { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; background-color: #f8f8f8 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .img .pb { padding-bottom: 100%; position: relative; z-index: 1; font-size: 0 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .img img { vertical-align: middle }
.compare .compare-box1 .compare_main .compare_head .menu .ul li .info { width: 100%; height: auto; margin-top: min(1.0416666666666665vw, 20px); text-align: center; overflow: hidden }
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info { margin-top: 10px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 24px; font-weight: bold; color: #2f3133; overflow: hidden }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 18px }
}
@media (max-width:1470px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 16px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 15px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 14px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { margin-top: 4px; font-size: 16px; color: #818585; overflow: hidden }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { font-size: 12px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn { display: inline-block; background-color: #dfe7ec; font-size: 16px; color: #008bd5; line-height: 48px; border-radius: 6px; padding: 0 min(2.604166666666667vw, 50px) 0 min(2.604166666666667vw, 50px); -webkit-transition: all .4s; transition: all .4s }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn { font-size: 12px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn { padding: 0 25px 0 25px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn:hover { background-color: #008bd5; color: #fff }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; flex-direction: column; background-color: #f8f8f8; cursor: pointer }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add { width: 36px; height: 36px; position: relative; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add::before, .compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add::after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background: #a19fa0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add::before { width: 3px; left: 50%; top: 0; margin-left: -1.5px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add::after { height: 3px; top: 50%; left: 0; margin-top: -1.5px }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .txt { margin-top: min(0.8333333333333334vw, 16px); font-size: 14px; color: #666 }
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .txt { margin-top: 8px }
}
@media (max-width:1470px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .txt { font-size: 12px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .txt { font-size: 12px }
}
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active:hover .add { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) }
.compare .compare-box1 .compare_main .compare_head .menu .ul li.active:hover .add::before, .compare .compare-box1 .compare_main .compare_head .menu .ul li.active:hover .add::after { background-color: #008bd5 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li::before { content: ''; width: 1px; height: 100%; background-color: #e2ebeb; position: absolute; right: -20px; top: 0 }
.compare .compare-box1 .compare_main .compare_head .menu .ul li:nth-child(3)~li { display: none }
.compare .compare-box1 .compare_main .compare_menu { width: 100%; height: auto; overflow: hidden }
.compare .compare-box1 .compare_main .compare_menu .item { width: 100%; height: auto;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden }
.compare .compare-box1 .compare_main .compare_menu .item .label { width: 16%; font-size: 16px; color: #000; line-height: 1.4; padding: 15px min(0.8333333333333334vw, 16px) 15px min(0.8333333333333334vw, 16px) }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_menu .item .label { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_menu .item .label { font-size: 12px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_menu .item .label { padding: 10px 8px; }
}
.compare .compare-box1 .compare_main .compare_menu .item .info { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 40px; padding-left: 18px; border-left: 1px solid #e2ebeb }
.compare .compare-box1 .compare_main .compare_menu .item .info .one { width: 100%; height: auto; position: relative; padding: 13px 16px;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.compare .compare-box1 .compare_main .compare_menu .item .info .one p { font-size: 16px; color: #000; text-align: left }
@media (max-width:1600px) {
	.compare .compare-box1 .compare_main .compare_menu .item .info .one p { font-size: 14px }
}
@media (max-width:768px) {
	.compare .compare-box1 .compare_main .compare_menu .item .info .one p { font-size: 12px }
}
.compare .compare-box1 .compare_main .compare_menu .item .info .one.high-light-item p { color: #f00 }
.compare .compare-box1 .compare_main .compare_menu .item:nth-child(2n-1) { background-color: #f3f8fa }
.compare .compare-box1 .compare_main .compare_menu .item:last-child { border-bottom: 1px solid #e2ebeb }
.compare .compare-box1 .compare_main .compare_body { width: 100%; height: auto; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden }
.compare .compare-box1 .compare_main .compare_body .label { width: 20% }
.compare .compare-box1 .compare_main .compare_body .info { flex: 1; margin-left: 20px; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px }
.compare .compare-box1 .compare_main .compare_body .info .more { width: 100%; max-width: 200px; height: 60px; overflow: hidden }
.compare .compare-box1 .compare_main .compare_body .info .more a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background: #2f3133; font-size: 16px; color: #fff; overflow: hidden }
.compare .compare-box1 .compare_main .compare_body .info .more a:hover { background: #f00 }
@media (max-width:1366px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul { grid-column-gap: 20px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 18px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { font-size: 14px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li:before { right: -10px }
	.compare .compare-box1 .compare_main .compare_menu .item .info { grid-column-gap: 20px }
	.compare .compare-box1 .compare_main .compare_menu .item .info .one::before { right: -10px }
}
@media (max-width:1024px) {
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down { height: 34px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down span { height: 34px; line-height: 34px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .c_down ul { top: 40px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info { display: block !important }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .btn { line-height: 32px; padding: 0 20px }
}
@media (max-width:990px) {
	.compare .compare-box1 { margin: 50px 0 }
	.compare .compare-box1 .compare_main .compare_head .label { font-size: 12px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .close { width: 20px; height: 20px; right: 10px; top: 10px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .close i { font-size: 14px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 14px; font-weight: normal }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { font-size: 10px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add { width: 20px !important; height: 20px !important }
	.compare .compare-box1 .compare_main .compare_menu .item .label { font-size: 12px }
	.compare .compare-box1 .compare_main .compare_menu .item .info .one { font-size: 12px }
}
@media (max-width:768px) {
	.compare .compare-box1 { margin: 40px 0 }
	.compare .compare-box1 .portal-tip .col-check { margin-left: 10px }
	.compare .compare-box1 .compare_main .compare_head .label { width: 32%; font-size: 12px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul { display: block; padding-bottom: 30px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li { padding: 0 }
	/*.compare .compare-box1 .compare_main .compare_head .menu .ul li .img .pb { padding-bottom: 50% }*/
	/*.compare .compare-box1 .compare_main .compare_head .menu .ul li .img .pb img { max-width: 50% }*/
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .close { width: 20px; height: 20px; right: 0; top: 0 }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .close i { font-size: 8px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .title { font-size: 12px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li .info .details { font-size: 10px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .c_down { display: none }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add-box { margin-top: 20px }
	.compare .compare-box1 .compare_main .compare_head .menu .ul li.active .add { width: 16px; height: 16px }
	.compare .compare-box1 .compare_main .compare_menu .item .label { width: 32%; padding: 0 6px }
	.compare .compare-box1 .compare_main .compare_menu .item .info { display: block; padding: 10px 18px }
	.compare .compare-box1 .compare_main .compare_menu .item .info .one { padding: 0 }
	.compare .compare-box1 .compare_main .compare_menu .item .info .one p { font-size: 12px; line-height: 20px }
	.compare .compare-box1 .compare_main .compare_menu .item .info .one:last-child { margin-top: 10px }
	.compare .compare-box1 .compare_main .compare_body { margin-top: 20px }
	.compare .compare-box1 .compare_main .compare_body .info { margin-left: 15px; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px }
	.compare .compare-box1 .compare_main .compare_body .info .more { height: 40px }
	.compare .compare-box1 .compare_main .compare_body .info .more a { max-width: 100%; font-size: 12px }
}
.pop-compare .pop-wrap { padding: 0 }
.pop-compare .pop-wrap .slide-box { padding: 14px 18px 0; background-color: #fff; position: relative }
.pop-compare .pop-wrap .slide-box .pop-title { font-size: 22px; color: #010101; line-height: 1.4; font-weight: 400 }
@media (max-width:1600px) {
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 18px }
}
@media (max-width:1470px) {
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 16px }
}
@media (max-width:1024px) {
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 14px }
}
@media (max-width:768px) {
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 12px }
}
.pop-compare .pop-wrap .slide-box .pop-box { max-width: 86.6%; margin: auto }
.pop-compare .pop-wrap .slide-box .pop-box .info-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: -10px; margin-right: -10px }
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item { width: 33.3333%; padding: 0 10px }
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down { position: relative; height: 48px; margin: 30px 0 20px; cursor: pointer }
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span { position: relative; display: block; height: 48px; line-height: 48px; background-color: #fff; border: 1px solid #e5e5e5; color: #000; font-size: 16px; padding: 0 min(1.7708333333333333vw, 34px) 0 min(0.9375vw, 18px); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1600px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span { font-size: 14px }
}
@media (max-width:768px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span { font-size: 12px }
}
@media (max-width:1024px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span { padding: 0 17px 0 9px }
}
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 20px; top: 0 }
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul { display: none; z-index: 9; position: absolute; top: 55px; background-color: #fff; padding: 20px 0; padding: 0 min(0.9375vw, 18px) 0 min(0.9375vw, 18px); max-height: 119px; overflow-x: hidden; overflow-y: auto; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul { padding: 0 9px 0 9px }
}
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px; padding: 0; width: auto; position: static }
@media (max-width:1470px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul li { font-size: 12px }
}
@media (max-width:768px) {
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul li { font-size: 12px }
}
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down.disabled { opacity: .4; cursor: not-allowed }
.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down.disabled ul { display: none !important }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide { position: relative; overflow: hidden; padding-bottom: 40px }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide { width: 33.33333%; height: auto; }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide a { position: relative; width: 100%; height: 100%; display: block; background: #eee no-repeat center; background-size: 77%; overflow: hidden; }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide a .images { width: 77%; height: auto; -webkit-aspect-ratio: 1; aspect-ratio: 1; margin: 11.5% auto 0; overflow: hidden; }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .slide-btn { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { font-size: 24px; color: #010101; line-height: 1.4; text-align: center; width: 100%; padding: 20px 20px 30px; }
@media (max-width:1600px) {
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { font-size: 15px }
}
@media (max-width:768px) {
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .h1 { padding: 10px 15px 15px; }
}
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-pagination { width: auto; bottom: 18px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; opacity: 0 }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn { width: 60px; height: 60px; background: no-repeat center #eee; border-radius: 50% }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn.swiper-button-prev { background-image: url(../images/portal/prev.png); left: 20px }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn.swiper-button-next { background-image: url(../images/portal/next.png); right: 20px }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn:hover { background-color: #008bd5 }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn.swiper-button-prev:hover { background-image: url(../images/portal/-prev.png) }
.pop-compare .pop-wrap .slide-box .pop-box .pop-slide-btn.swiper-button-next:hover { background-image: url(../images/portal/-next.png) }
@media (max-width:1280px) {
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 20px }
	.pop-compare .pop-wrap .slide-box .pop-box { max-width: 100% }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list { margin-left: -7.5px; margin-right: -7.5px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item { padding: 0 7.5px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down { height: 34px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span { height: 34px; line-height: 34px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down span::before { right: 8px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down ul { top: 40px }
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-pagination { opacity: 1 }
	.pop-compare .pop-wrap .slide-box .pop-slide-btn { display: none }
}
@media (max-width:768px) {
	.pop-compare .pop-wrap .content { padding: 0 }
	.pop-compare .pop-wrap .slide-box .pop-title { font-size: 16px; margin-bottom: 20px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list { margin-bottom: 10px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item { width: 50% }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item .c_down { margin: 0 0 10px }
	.pop-compare .pop-wrap .slide-box .pop-box .info-list .item.item3 { width: 100% }
	.pop-compare .pop-wrap .slide-box .pop-box .compare-slide .swiper-slide .slide-btn { width: 30px; height: auto; bottom: auto }
}
.product-d .product-d-box1 { background-color: #f5f7f6; padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px) }
@media (max-width:1024px) {
	.product-d .product-d-box1 { padding: 20px 0 20px 0 }
}
.product-d .product-d-box1 .wrap-box { padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px); padding-left: min(2.083333333333333vw, 40px); padding-right: min(2.083333333333333vw, 40px); background-color: #fff; overflow: hidden; border-radius: 20px }
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box { padding: 20px 0 20px 0 }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box { padding-left: 20px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box { padding-right: 20px }
}
.product-d .product-d-box1 .wrap-box .le { width: 50.8%; height: auto; padding-left: 90px; position: relative; overflow: hidden; }
.product-d .product-d-box1 .wrap-box .ri { width: 44% }
.product-d .product-d-box1 .wrap-box .product-d-slide { width: 100%; height: auto; position: relative; border-radius: 20px; overflow: hidden; }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-wrapper { width: 100%; }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }
.product-d .product-d-box1 .wrap-box .product-d-slide .img { width: 100%; height: auto; -webkit-aspect-ratio: 1; aspect-ratio: 1; text-align: right }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; bottom: 14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.product-d .product-d-box1 .wrap-box .hd { width: 70px; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); position: absolute; left: 0; top: 50%; transform: translateY(-50%); overflow: hidden; z-index: 6 }
.product-d .product-d-box1 .wrap-box .hd li { height: 80px; cursor: pointer }
.product-d .product-d-box1 .wrap-box .hd li img { background-color: #eee; border: 1px solid #dcdcdc; border-radius: 10px }
.product-d .product-d-box1 .wrap-box .hd li.on img { border: 1px solid #008bd5 }
.product-d .product-d-box1 .wrap-box .swiper-button-ico { width: 70px; height: 30px; background: no-repeat center transparent }
.product-d .product-d-box1 .wrap-box .swiper-button-ico.swiper-button-prev { background-image: url(../images/product/prev-up-ico.png); top: 0; margin: 0; left: 0 }
.product-d .product-d-box1 .wrap-box .swiper-button-ico.swiper-button-next { background-image: url(../images/product/next-down-ico.png); top: auto; bottom: 0; margin: 0; left: 0 }
.product-d .product-d-box1 .wrap-box .name { word-wrap: break-word; word-break: break-all }
.product-d .product-d-box1 .wrap-box .h3 { font-size: 22px; color: #010101; line-height: 1.4; margin: min(2.083333333333333vw, 40px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.product-d .product-d-box1 .wrap-box .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.product-d .product-d-box1 .wrap-box .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box .h3 { font-size: 12px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .h3 { margin: 20px 0 7px }
}
.product-d .product-d-box1 .wrap-box .h5 { font-size: 18px; color: #010101; line-height: 1.4; margin: min(1.40625vw, 27px) 0 min(0.7291666666666666vw, 14px); border-top: 1px solid #e5e5e5; padding-top: min(1.6666666666666667vw, 32px) }
@media (max-width:1600px) {
	.product-d .product-d-box1 .wrap-box .h5 { font-size: 16px }
}
@media (max-width:1470px) {
	.product-d .product-d-box1 .wrap-box .h5 { font-size: 13px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box .h5 { font-size: 12px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .h5 { margin: 13.5px 0 7px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .h5 { padding-top: 16px }
}
.product-d .product-d-box1 .wrap-box .ul { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.product-d .product-d-box1 .wrap-box .ul .li { width: 50%; font-size: 16px; color: #010101; line-height: 30px; padding-right: min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.product-d .product-d-box1 .wrap-box .ul .li { font-size: 14px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box .ul .li { font-size: 12px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .ul .li { padding-right: 7px }
}
.product-d .product-d-box1 .wrap-box p { font-size: 16px; color: #666; line-height: 30px }
@media (max-width:1600px) {
	.product-d .product-d-box1 .wrap-box p { font-size: 14px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box p { font-size: 12px }
}
.product-d .product-d-box1 .wrap-box .btn { line-height: 48px; background-color: #dfe7ec; border-radius: 6px; font-size: 16px; color: #008bd5; display: inline-block; padding: 0 min(2.2916666666666665vw, 44px) 0 min(2.2916666666666665vw, 44px); margin-top: min(2.1875vw, 42px); transition: all .3s; -webkit-transition: all .3s }
@media (max-width:1600px) {
	.product-d .product-d-box1 .wrap-box .btn { font-size: 14px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box .btn { font-size: 12px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .btn { padding: 0 22px 0 22px }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .btn { margin-top: 21px }
}
.product-d .product-d-box1 .wrap-box .btn:hover { background-color: #008bd5; color: #fff }
.product-d .product-d-box2 { padding: min(4.16666666666667vw, 80px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.product-d .product-d-box2 { padding: 50px 0}
}
.product-d .product-d-box2 .name h1 { font-size: 22px; color: #000; line-height: 1.4; font-weight: 400 }
@media (max-width:1600px) {
	.product-d .product-d-box2 .name h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.product-d .product-d-box2 .name h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.product-d .product-d-box2 .name h1 { font-size: 14px }
}
@media (max-width:768px) {
	.product-d .product-d-box2 .name h1 { font-size: 12px }
}
@media (max-width:1200px) {
	.product-d .product-d-box1 .wrap-box .le { width: 46.8%; padding: 0; background-color: transparent; height: auto }
	.product-d .product-d-box1 .wrap-box .ri { width: 50% }
	.product-d .product-d-box1 .wrap-box .product-d-slide { background-color: #f8f8f8; border-radius: 20px; overflow: hidden }
	.product-d .product-d-box1 .wrap-box .hd, .product-d .product-d-box1 .wrap-box .swiper-button-ico { display: none }
	.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination { display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
}
@media (max-width:1024px) {
	.product-d .product-d-box1 .wrap-box .btn { line-height: 32px; margin-top: 10px }
	.product-d .product-d-box2 { padding: 50px 0 }
}
@media (max-width:990px) {
	.product-d .product-d-box1 .wrap-box .le { float: none }
	.product-d .product-d-box1 .wrap-box .ri { width: 100%; float: none; margin-top: 30px }
	.product-d .product-d-box1 .wrap-box p { line-height: 24px }
	.product-d .product-d-box1 .wrap-box .h3 { margin: 16px 0 4px }
}
@media (max-width:768px) {
	.product-d .product-d-box1 .wrap-box .le { width: 100%; margin: auto }
	.product-d .product-d-box1 .wrap-box .h3 { margin: 14px 0 4px }
	.product-d .product-d-box1 .wrap-box .ul .li { width: 100% }
	.product-d .product-d-box2 table td { padding: 10px 6px }
}
.download_yt0609 { width: 100%; height: auto; overflow: hidden }
.download_yt0609 .download_main { overflow: hidden }
.download_yt0609 .download_main .download_title { width: 100%; height: auto; font-size: 44px; font-weight: bold; color: #2f3133; overflow: hidden }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_title { font-size: 42px }
}
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_title { font-size: 38px }
}
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_title { font-size: 32px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_title { font-size: 26px }
}
.download_yt0609 .download_main .download_content { width: 100%; height: auto; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info { position: relative; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .content_title { margin: 2.9vw auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end }
.download_yt0609 .download_main .download_content .download_info .content_title .info_column {
	width: 100%; height: auto;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	grid-gap: 50px;
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list {
	width: 42%; margin-left: -10px; margin-right: -10px;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
	flex-wrap: wrap; -ms-flex-wrap: wrap; grid-gap: 20px;
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 {
	width: -webkit-calc(50% - 80px); width: calc(50% - 80px); height: auto; padding: 0 10px;
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_name { font-size: 18px; color: #000; margin-bottom: min(1.0416666666666665vw, 20px) }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_name { font-size: 16px }
}
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_name { font-size: 13px }
}
@media (max-width:768px) {
    .download_yt0609 .download_main .download_content .download_info .content_title .info-list { width: 50%; }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_name { font-size: 12px }
}
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_name { margin-bottom: 10px }
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down { min-width: 120px; position: relative; height: 40px; cursor: pointer }
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down span { position: relative; display: block; height: 100%; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000; font-size: 14px; padding: 0 14px 0 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down span { font-size: 12px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down span { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 0; top: 0 }
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down ul { display: none; z-index: 9; position: absolute; top: 38px; background-color: #fff; padding: 0 6px; max-height: 119px; overflow-y: auto; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down ul li { font-size: 12px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 .c_down ul li { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .content_title .link { width: auto; height: 40px; float: left; line-height: 40px; font-size: 0; color: #000; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .content_title .link a { font-size: 16px; margin-left: 2vw; position: relative; color: #000 }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .link a { font-size: 14px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .link a { font-size: 12px }
}

.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-remove {
	width: 80px; height: auto;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;
}
.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-remove a {
	width: 100%; height: 40px; border-radius: 6px; background: #008bd5;
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
	-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
	font-size: 14px; color: #fff;
}

.download_yt0609 .download_main .download_content .download_info .content_title .link a.download-btn { font-size: 16px; color: #008bd5; height: 40px; line-height: 40px; padding-right: 26px; background: url(../images/portal/download2-ico.png) no-repeat right center; background-size: 17px 16px; cursor: pointer }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .link a.download-btn { font-size: 14px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .link a.download-btn { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .content_title .link a::after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; z-index: 1; background: #008bd5; display: none }
.download_yt0609 .download_main .download_content .download_info .content_title .link a:first-child { margin-left: 0 }
.download_yt0609 .download_main .download_content .download_info .content_title .link a.active, .download_yt0609 .download_main .download_content .download_info .content_title .link a:hover { color: #008bd5 }
.download_yt0609 .download_main .download_content .download_info .content_title .link a.active::after, .download_yt0609 .download_main .download_content .download_info .content_title .link a:hover::after { display: block }
.download_yt0609 .download_main .download_content .download_info .content_title .search_form { width: 100%; max-width: 300px; height: 40px; line-height: 40px; margin-top: 20px }
.download_yt0609 .download_main .download_content .download_info .content_title .search_form form { width: 100%; height: 100%; position: relative; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-input { width: 83.05%; height: 100%; padding: 0 1vw; background: #f6f6f6; border: 0; float: left; border-radius: 6px 0 0 6px; font-size: 14px; color: #888 }
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-input { font-size: 12px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-input { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-btn { width: 16.95%; height: 100%; padding: 0; float: right; border-radius: 0 6px 6px 0; background: #008bd5 }
.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-btn i { display: block; width: 100%; height: 100%; background: url(../images/search-ico.png) no-repeat center }
.download_yt0609 .download_main .download_content .download_info .download_list { width: 100%; height: auto; overflow: hidden; background-color: #f5f7f7; padding: min(2.604166666666667vw, 50px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_content .download_info .download_list { padding: 25px 0 50px 0 }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul { height: auto; overflow: hidden; margin-left: -12px; margin-right: -12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.download_yt0609 .download_main .download_content .download_info .download_list ul li { width: 33.33333%; padding: 0 12px; margin-bottom: 22px; height: auto }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .li-box { background: #fff; overflow: hidden; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images { width: 47%; border-radius: 10px; position: relative; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .title { width: 100%; height: auto; padding: 20px; position: absolute; left: 0; top: 0; z-index: 2; font-size: 16px; color: #ffffff; }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .logo { width: 100%; height: auto; padding: 15px 15px 10px; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .logo img { max-width: 30% }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .img { height: auto; text-align: center; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .img .pb { padding-bottom: 137%; position: relative }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .img .pb img { width: 100%; height: 100%; object-fit: cover }
/*.download_yt0609 .download_main .download_content .download_info .download_list ul li .images .title { width: 100%; height: auto; position: absolute; bottom: 0; padding: 10px 15px; line-height: 1.4; font-size: 14px; color: #fff; overflow: hidden }*/
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info { width: 46%; padding-right: 4.7%; height: auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head { width: 100%; height: auto; margin: min(0.78125vw, 15px) 0 min(0.78125vw, 15px); overflow: hidden }
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head { margin: 7.5px 0 7.5px }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .title { font-size: 22px; font-weight: bold; color: #2f3133 }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .title { font-size: 18px }
}
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .title { font-size: 16px }
}
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .title { font-size: 14px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .title { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .tips { margin-top: 10px; font-size: 16px; color: #999 }
@media (max-width:1600px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .tips { font-size: 14px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .head .tips { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more { width: 100%; height: auto; overflow: hidden; margin-bottom: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more { margin-bottom: 5px }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item { width: 100%; max-width: 200px; height: auto; margin-top: 5px; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a { width: 100%; height: auto; display: block; box-sizing: border-box; padding: 13px 15px; background-color: #dfe7ec; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { line-height: 16px; font-size: 14px; color: #008bd5 }
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { font-size: 12px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { font-size: 12px }
}
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .icon { width: 17px; height: 16px; background: url('../images/portal/download2-ico.png') no-repeat center; background-size: 17px 16px }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item.no a .icon { background: url('../images/portal/download-ico.png') no-repeat center; background-size: 17px 16px }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:first-child { margin-top: 0 }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:hover a { border-color: #008bd5; background: #008bd5 }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:hover a .txt { color: #fff }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:hover a .icon { background: url('../images/portal/-download-ico.png') no-repeat center; background-size: 17px 16px }
.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item.active:hover a .icon { background: url('../images/portal/-download2-ico.png') no-repeat center; background-size: 17px 16px }
.download_yt0609 .download_main .download_content .download_info .download_more { width: 100%; height: auto; margin-top: 2.5vw; font-size: 0; text-align: center; overflow: hidden }
.download_yt0609 .download_main .download_content .download_info .download_more a { display: inline-block; font-size: 16px; color: #666; border: 1px solid #bcc1c3; padding: 20px 4vw; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.download_yt0609 .download_main .download_content .download_info .download_more a:hover { color: #fff }
@media (max-width:1470px) {
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { font-size: 12px }
}
@media (max-width:1280px) {
	.download_yt0609 a.download-btn { display: none }
	.download_yt0609 .download_main .download_content .download_info .download_list ul { margin-left: -7.5px; margin-right: -7.5px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li { padding: 0 7.5px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a { padding: 12px 8px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { font-size: 12px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:last-child { display: none }
}
@media (max-width:990px) {
	.download_yt0609 .download_main .download_content { overflow: initial }
	.download_yt0609 .download_main .download_content .sidebar_box { width: 100%; height: auto; float: initial; overflow: initial }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_title { width: 100%; height: auto; box-sizing: border-box; margin: 20px 0 0; padding: 15px 20px; border: 0; background: #f1f4f5; overflow: hidden }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_title .icon { display: flex }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_title { margin: 0; font-size: 18px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list { width: 100%; height: auto; padding: 30px 20px; position: absolute; top: 100%; left: 0; background: #fdfdfd; border: 1px solid #f1f4f5; border-top: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); display: none }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li { margin-top: 30px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .txt { font-size: 16px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .menu .item { margin-top: 15px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .menu .item a .icon { border-width: .8px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .menu .item a .txt { font-size: 14px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li:first-child { margin-top: 0 }
	.download_yt0609 .download_main .download_content .download_info { width: 100% }
	.download_yt0609 .download_main .download_content .download_info .content_title { height: auto; border: 0; padding: 0; display: block }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list { width: 100% }
	.download_yt0609 .download_main .download_content .download_info .content_title .info_column { display: block }
	.download_yt0609 .download_main .download_content .download_info .content_title .link { width: 100%; float: initial; box-sizing: inherit; margin-top: 30px; border-bottom: 1px solid #2f3133; font-size: 16px }
	.download_yt0609 .download_main .download_content .download_info .content_title .search_form { width: 100%; height: 40px; line-height: 40px; margin-top: 20px; float: initial; overflow: hidden }
	.download_yt0609 .download_main .download_content .download_info .content_title .search_form form .layui-input { padding: 0 15px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li { width: 50% }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more { margin-bottom: 10px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item:last-child { display: none }
	.download_yt0609 .download_main .download_content .download_info .download_more { margin-top: 30px }
	.download_yt0609 .download_main .download_content .download_info .download_more a { padding: 15px 40px }
}
@media (max-width:768px) {
	.download_yt0609 .download_main .download_content .sidebar_box { width: 100%; height: auto; float: inherit }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_title { padding: 10px 20px; font-size: 18px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list { flex: 1; overflow-y: auto }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li { margin-top: 20px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .icon { width: 20px; flex-basis: 20px; height: 20px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .txt { font-size: 16px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .more i { font-size: 12px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .menu .item { margin-top: 10px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .menu .item a .txt { font-size: 14px }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list { width: 100%; margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-w5 { width: 46%; padding: 0; }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-remove { width: 100%; }
	.download_yt0609 .download_main .download_content .download_info .content_title .info-list .widget-remove a { width: 80px; height: 36px; font-size: 12px; }
	.download_yt0609 .download_main .download_content .download_info .content_title .link { height: auto; line-height: 30px; padding-bottom: 10px }
	.download_yt0609 .download_main .download_content .download_info .content_title .link a { font-size: 14px; margin-left: 15px }
	.download_yt0609 .download_main .download_content .download_info .download_more { margin-top: 20px }
	.download_yt0609 .download_main .download_content .download_info .download_more a { padding: 10px 30px; font-size: 14px }
}
@media (max-width:480px) {
	.download_yt0609 .download_main .download_title { font-size: 20px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_title { height: auto; line-height: 36px; font-size: 16px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .txt { font-size: 14px }
	.download_yt0609 .download_main .download_content .sidebar_box .sidebar_list ul li .title a .more i { font-size: 10px }
	.download_yt0609 .download_main .download_content .download_info { margin-top: 15px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a { padding: 10px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li .info .more .item a .txt { font-size: 12px }
	.download_yt0609 .download_main .download_content .download_info .download_list ul li { width: 100% }
}
.alert_download { width: 90%; max-width: 480px; height: auto; background: rgba(13, 12, 17, 0.9); border-radius: 12px; position: fixed; bottom: 20px; left: 20px; z-index: 5; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) }
.alert_download .head { width: 100%; height: auto; padding: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden }
.alert_download .head .info { width: auto; color: #fff }
.alert_download .head .info .title { font-size: 18px; font-weight: bold }
@media (max-width:1600px) {
	.alert_download .head .info .title { font-size: 16px }
}
@media (max-width:1470px) {
	.alert_download .head .info .title { font-size: 13px }
}
@media (max-width:768px) {
	.alert_download .head .info .title { font-size: 12px }
}
.alert_download .head .info .size { margin-top: min(0.5208333333333333vw, 10px); font-size: 14px }
@media (max-width:1024px) {
	.alert_download .head .info .size { margin-top: 5px }
}
@media (max-width:1470px) {
	.alert_download .head .info .size { font-size: 12px }
}
@media (max-width:768px) {
	.alert_download .head .info .size { font-size: 12px }
}
.alert_download .head .remove { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch }
.alert_download .head .remove .btn-ico { padding: 0 8px; cursor: pointer; background-repeat: no-repeat; background-position: center top; background-image: url('../images/download/ico-small.png'); background-size: 12px 12px; -webkit-transition: all .3s; transition: all .3s }
.alert_download .head .remove .btn-ico.btn-close { background-image: url('../images/download/ico-close.png') }
.alert_download .head .remove .btn-ico:hover { background-image: url('../images/download/-ico-small.png') }
.alert_download .head .remove .btn-ico:hover.btn-close { background-image: url('../images/download/-ico-close.png') }
.alert_download .head .remove .btn-ico img { opacity: 0 }
.alert_download .head .remove a { font-size: 16px; color: #fff; text-decoration: underline }
@media (max-width:1600px) {
	.alert_download .head .remove a { font-size: 14px }
}
@media (max-width:768px) {
	.alert_download .head .remove a { font-size: 12px }
}
.alert_download .head .remove a i { font-size: 14px; vertical-align: center }
@media (max-width:1470px) {
	.alert_download .head .remove a i { font-size: 12px }
}
@media (max-width:768px) {
	.alert_download .head .remove a i { font-size: 12px }
}
.alert_download .head .remove a:hover { text-decoration: none }
.alert_download .head::before { content: ''; width: 88.5%; height: 1px; background-color: #fff; position: absolute; left: 20px; bottom: 0; opacity: .2 }
.alert_download .menu { width: 100%; max-width: 98%; height: auto; max-height: 327px; padding: 0 20px; overflow: hidden; overflow-y: auto }
.alert_download .menu .item { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden }
.alert_download .menu .item .img { width: 70px; height: 70px; background-color: #f8f8f8; border-radius: 10px; position: relative }
.alert_download .menu .item .img .close { width: 17px; height: 17px; line-height: 17px; background: #e5e5e5; position: absolute; top: -8px; right: -8px; z-index: 2; border-radius: 50%; text-align: center; cursor: pointer }
.alert_download .menu .item .img .close a { width: 100%; height: 100%; display: block; color: #fff }
.alert_download .menu .item .img .close i { display: block; width: 100%; height: 100%; background: url(../images/download/ico-close2.png) no-repeat center; background-size: 6px; vertical-align: top }
.alert_download .menu .item .img .pb { padding-bottom: 100%; text-align: center; z-index: 1 }
.alert_download .menu .item .img .pb img { max-width: 80%; max-height: 80%; vertical-align: middle; margin-top: 10% }
.alert_download .menu .item .title { flex: 1; margin-left: min(1.0416666666666665vw, 20px); font-size: 16px; color: #c9c9c9 }
@media (max-width:1024px) {
	.alert_download .menu .item .title { margin-left: 10px }
}
@media (max-width:1600px) {
	.alert_download .menu .item .title { font-size: 14px }
}
@media (max-width:768px) {
	.alert_download .menu .item .title { font-size: 12px }
}
.alert_download .foot { width: 100%; height: auto; padding: 20px; background: #243045; text-align: right; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch }
.alert_download .foot a { display: inline-block; padding: 12px 50px 12px 20px; border-radius: 12px; background-color: #dfe7ec; background-repeat: no-repeat; background-position: center right 20px; background-image: url('../images/portal/download2-ico.png'); background-size: 15px 14px; font-size: 16px; color: #008bd5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: all .3s; transition: all .3s }
@media (max-width:1600px) {
	.alert_download .foot a { font-size: 14px }
}
@media (max-width:768px) {
	.alert_download .foot a { font-size: 12px }
}
.alert_download .foot a img { height: 16px; margin-left: min(1.875vw, 36px); display: none }
@media (max-width:1024px) {
	.alert_download .foot a img { margin-left: 18px }
}
.alert_download .foot a:hover { background-image: url('../images/portal/-download2-ico.png'); background-color: #008bd5; color: #fff }
.alert_download .foot a.delete-btn { background-image: url('../images/portal/delete2-ico.png') }
.alert_download .foot a.delete-btn img { margin-left: min(0.9375vw, 18px) }
@media (max-width:1024px) {
	.alert_download .foot a.delete-btn img { margin-left: 9px }
}
.alert_download .foot a.delete-btn:hover { background-image: url('../images/portal/delete-ico.png') }
@media (max-width:990px) {
	.alert_download { display: none }
}
.application .application-box1 { padding: min(3.125vw, 60px) 0 min(3.125vw, 60px); background-color: #f7f9f9 }
@media (max-width:1024px) {
	.application .application-box1 { padding: 30px 0 30px 0 }
}
.application .application-box1 .form-item { background-color: #fff; padding: 30px 60px 30px 178px; position: relative; overflow: hidden }
.application .application-box1 .form-item .form-label { position: absolute; top: 0; left: 0; margin: 0; padding: 0 10px; min-width: 140px; text-align: center; background-color: #008bd5; color: #fff; font-size: 18px; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
@media (max-width:1600px) {
	.application .application-box1 .form-item .form-label { font-size: 16px }
}
@media (max-width:1470px) {
	.application .application-box1 .form-item .form-label { font-size: 13px }
}
@media (max-width:768px) {
	.application .application-box1 .form-item .form-label { font-size: 12px }
}
.application .application-box1 .form-item .form-label::before { content: ''; width: 100%; height: 1px; background-color: #3fa7de; position: absolute; top: 0; left: 0 }
.application .application-box1 .form-item::before { content: ''; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; top: 0; left: 0; bottom: auto }
.application .application-box1 .form-item:first-child::before { display: none }
.application .application-box1 .form-item .radio { margin-right: min(0.4166666666666667vw, 8px);pointer-events: none; }
@media (max-width:1024px) {
	.application .application-box1 .form-item .radio { margin-right: 4px }
}
.application .application-box1 .form-item .quarantine { padding: 5px 0 }

.application .application-box1 .form-item .quarantine label{ position: relative; cursor: pointer;}
.application .application-box1 .form-item .quarantine label::after{
      content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: none;
  transition: all 0.5s;
}
.application .application-box1 .form-item1 { border-radius: 12px 12px 0 0 }
.application .application-box1 .form-item1 .form-label { border-radius: 0 12px 0 0 }
.application .application-box1 .form-item1 .form-label::before { display: none }
.application .application-box1 .form-item1 .quarantine:first-child { grid-gap: 10px 0; display: grid; grid-template-columns: repeat(7, 14.285%) }
.application .application-box1 .form-item1 .quarantine:last-child { grid-gap: 10px 0; display: grid; grid-template-columns: repeat(7, 14.285%) }
.application .application-box1 .form-item2 { border-radius: 0 0 12px 12px }
.application .application-box1 .form-item2 .form-label { border-radius: 0 0 12px 0 }
.application .application-box1 .form-item2 .quarantine:first-child { grid-gap: 10px 0; display: grid; grid-template-columns: repeat(2, 20%) }
.application .application-box1 .form-item2 .quarantine:last-child { grid-gap: 10px 0; display: grid; grid-template-columns: repeat(4, 20%) }
.application .application-box1 .form-foot { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; overflow: hidden; padding: min(2.083333333333333vw, 40px) 0 min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.application .application-box1 .form-foot { padding: 20px 0 15px 0 }
}
.application .application-box1 .form-foot .item { padding: 0 min(4.270833333333333vw, 82px) 0 min(0.46875vw, 9px); border: 1px solid #e5e5e5; border-radius: 6px; font-size: 14px; color: #666; line-height: 40px; position: relative; margin-right: min(0.5208333333333333vw, 10px); margin-bottom: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.application .application-box1 .form-foot .item { padding: 0 41px 0 4.5px }
}
@media (max-width:1470px) {
	.application .application-box1 .form-foot .item { font-size: 12px }
}
@media (max-width:768px) {
	.application .application-box1 .form-foot .item { font-size: 12px }
}
@media (max-width:1024px) {
	.application .application-box1 .form-foot .item { margin-right: 5px }
}
@media (max-width:1024px) {
	.application .application-box1 .form-foot .item { margin-bottom: 5px }
}
.application .application-box1 .form-foot .item a { display: block; width: 100% }
.application .application-box1 .form-foot .item .ico { display: block; width: 17px; height: 17px; line-height: 17px; background: url(../images/download/ico-close2.png) no-repeat center #e5e5e5; background-size: 6px; border-radius: 50%; position: absolute; right: 9px; top: 0; bottom: 0; margin: auto }
.application .application-box1 .list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: -12px; margin-right: -12px }
.application .application-box1 .list .item { padding: 0 12px; margin-bottom: 24px; width: 33.333333% }
.application .application-box1 .list .item a { width: 100%; height: 100%; display: block; background-color: #fff; border-radius: 12px; overflow: hidden }
.application .application-box1 .list .item a .pb { padding-bottom: 56.2% }
.application .application-box1 .list .item a .pb img { height: 100%; object-fit: cover; width: 100% }
.application .application-box1 .list .item a .text { padding: min(1.6666666666666667vw, 32px) 0 min(1.6666666666666667vw, 32px); padding-left: min(1.4583333333333333vw, 28px); padding-right: min(1.4583333333333333vw, 28px) }
@media (max-width:1024px) {
	.application .application-box1 .list .item a .text { padding: 16px 0 16px 0 }
}
@media (max-width:1024px) {
	.application .application-box1 .list .item a .text { padding-left: 14px }
}
@media (max-width:1024px) {
	.application .application-box1 .list .item a .text { padding-right: 14px }
}
.application .application-box1 .list .item a .text .h1 { font-size: 22px; color: #000; line-height: 26px; margin-bottom: min(0.5208333333333333vw, 10px) }
@media (max-width:1600px) {
	.application .application-box1 .list .item a .text .h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.application .application-box1 .list .item a .text .h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.application .application-box1 .list .item a .text .h1 { font-size: 14px }
}
@media (max-width:768px) {
	.application .application-box1 .list .item a .text .h1 { font-size: 12px }
}
@media (max-width:1024px) {
	.application .application-box1 .list .item a .text .h1 { margin-bottom: 5px }
}
.application .application-box1 .list .item a .text .p { font-size: 16px; color: #000; line-height: 24px }
@media (max-width:1600px) {
	.application .application-box1 .list .item a .text .p { font-size: 14px }
}
@media (max-width:768px) {
	.application .application-box1 .list .item a .text .p { font-size: 12px }
}
@media (max-width:1600px) {
	.application .application-box1 .form-item { padding: 26px 40px 26px 170px; min-height: auto }
	.application .application-box1 .form-item label { font-size: 14px }
}
@media (max-width:1280px) {
	.application .application-box1 .form-item { padding: 30px 30px 30px 150px }
	.application .application-box1 .form-item .form-label { min-width: 120px; font-size: 16px }
	.application .application-box1 .form-item .input-block { grid-gap: 6px 30px }
	.application .application-box1 .form-item label { font-size: 14px }
	.application .application-box1 .list { margin-left: -7.5px; margin-right: -7.5px }
	.application .application-box1 .list .item { padding: 0 7.5px }
}
@media (max-width:1200px) {
	.application .application-box1 .form-item .quarantine { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; grid-gap: 0 30px !important }
}
@media (max-width:768px) {
	.application .application-box1 .form-item { padding: 14px 20px 14px 120px }
	.application .application-box1 .form-item .form-label { min-width: 100px }
	.application .application-box1 .form-item .input-block { grid-gap: 6px 20px }
	.application .application-box1 .form-foot { padding: 30px 0 16px }
	.application .application-box1 .form-foot .item { font-size: 12px; padding: 0 40px 0 9px; margin-right: 5px }
	.application .application-box1 .list .item { width: 50% }
	.application .application-box1 .list .item a .text { padding: 15px }
	.application .application-box1 .list .item a .text .h1 { margin-bottom: 0 }
}
@media (max-width:480px) {
	.application .application-box1 .list .item { width: 100% }
}
.application-d .application-d-box1 { background-color: #f5f7f6; padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px) }
@media (max-width:1024px) {
	.application-d .application-d-box1 { padding: 20px 0 20px 0 }
}
.application-d .application-d-box1 .wrap-box { padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px); padding-left: min(2.083333333333333vw, 40px); padding-right: min(2.083333333333333vw, 40px); background-color: #fff; overflow: hidden; border-radius: 20px }
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box { padding: 20px 0 20px 0 }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box { padding-left: 20px }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box { padding-right: 20px }
}
.application-d .application-d-box1 .wrap-box .le { width: 50.8%; position: relative }
.application-d .application-d-box1 .wrap-box .ri { width: 44% }
.application-d .application-d-box1 .wrap-box .application-slide { position: relative; overflow: hidden; border-radius: 20px }
.application-d .application-d-box1 .wrap-box .application-slide .swiper-slide img { width: 100% }
.application-d .application-d-box1 .wrap-box .application-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; bottom: 14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none }
.application-d .application-d-box1 .wrap-box .application-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.application-d .application-d-box1 .wrap-box .application-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.application-d .application-d-box1 .wrap-box .mySwiper { position: absolute; width: 93%; left: 0; right: 0; bottom: 20px; margin: auto; overflow: hidden }
.application-d .application-d-box1 .wrap-box .mySwiper .swiper-slide { width: 80px; cursor: pointer }
.application-d .application-d-box1 .wrap-box .mySwiper .swiper-slide .img { border: 2px solid transparent; border-radius: 6px; overflow: hidden }
.application-d .application-d-box1 .wrap-box .mySwiper .swiper-slide-thumb-active .img { border: 2px solid #008bd5 }
.application-d .application-d-box1 .wrap-box .mySwiper .swiper-slide-thumb-active::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.application-d .application-d-box1 .wrap-box .h3 { font-size: 22px; color: #010101; line-height: 1.4; margin: min(2.083333333333333vw, 40px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.application-d .application-d-box1 .wrap-box .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.application-d .application-d-box1 .wrap-box .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.application-d .application-d-box1 .wrap-box .h3 { font-size: 12px }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box .h3 { margin: 20px 0 7px }
}
.application-d .application-d-box1 .wrap-box p { font-size: 16px; color: #666; line-height: 30px }
.application-d .application-d-box1 .wrap-box p strong,.application-d .application-d-box1 .wrap-box p span { display: contents; }
@media (max-width:1600px) {
	.application-d .application-d-box1 .wrap-box p { font-size: 14px }
}
@media (max-width:768px) {
	.application-d .application-d-box1 .wrap-box p { font-size: 12px }
}
.application-d .application-d-box1 .wrap-box .btn { line-height: 48px; background-color: #dfe7ec; border-radius: 6px; font-size: 16px; color: #008bd5; display: inline-block; padding: 0 min(2.2916666666666665vw, 44px) 0 min(2.2916666666666665vw, 44px); margin-top: min(3.6458333333333335vw, 70px); transition: all .3s; -webkit-transition: all .3s }
@media (max-width:1600px) {
	.application-d .application-d-box1 .wrap-box .btn { font-size: 14px }
}
@media (max-width:768px) {
	.application-d .application-d-box1 .wrap-box .btn { font-size: 12px }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box .btn { padding: 0 22px 0 22px }
}
@media (max-width:1024px) {
	.application-d .application-d-box1 .wrap-box .btn { margin-top: 35px }
}
.application-d .application-d-box1 .wrap-box .btn:hover { background-color: #008bd5; color: #fff }
.application-d .application-d-box2 { padding: min(8.854166666666668vw, 170px) 0 min(6.510416666666667vw, 125px) }
@media (max-width:1024px) {
	.application-d .application-d-box2 { padding: 85px 0 62.5px 0 }
}
.application-d .application-d-box2 .list { margin-top: min(2.4479166666666665vw, 47px) }
@media (max-width:1024px) {
	.application-d .application-d-box2 .list { margin-top: 23.5px }
}
.application-d .application-d-box2 .list .item { position: relative; font-size: 22px; color: #000; line-height: 1.4; padding: min(1.4583333333333333vw, 28px) 0 min(1.4583333333333333vw, 28px); padding-left: min(2.7083333333333335vw, 52px); padding-right: min(1.0416666666666665vw, 20px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1600px) {
	.application-d .application-d-box2 .list .item { font-size: 18px }
}
@media (max-width:1470px) {
	.application-d .application-d-box2 .list .item { font-size: 16px }
}
@media (max-width:1024px) {
	.application-d .application-d-box2 .list .item { font-size: 14px }
}
@media (max-width:768px) {
	.application-d .application-d-box2 .list .item { font-size: 12px }
}
@media (max-width:1024px) {
	.application-d .application-d-box2 .list .item { padding: 14px 0 14px 0 }
}
@media (max-width:1024px) {
	.application-d .application-d-box2 .list .item { padding-left: 26px }
}
@media (max-width:1024px) {
	.application-d .application-d-box2 .list .item { padding-right: 10px }
}
.application-d .application-d-box2 .list .item em { position: absolute; margin-top: min(1.5625vw, 30px); top: 0; left: 0; font-size: 18px; color: #000; font-family: 'Euclid-Square' }
@media (max-width:1024px) {
	.application-d .application-d-box2 .list .item em { margin-top: 15px }
}
@media (max-width:1600px) {
	.application-d .application-d-box2 .list .item em { font-size: 16px }
}
@media (max-width:1470px) {
	.application-d .application-d-box2 .list .item em { font-size: 13px }
}
@media (max-width:768px) {
	.application-d .application-d-box2 .list .item em { font-size: 12px }
}
.application-d .application-d-box2 .list .item:first-child { border-top: 1px solid #e5e5e5 }
.application-d .application-d-box3 .application-slide2 { position: relative; overflow: hidden; padding-bottom: min(1.8229166666666667vw, 35px); margin-top: min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.application-d .application-d-box3 .application-slide2 { padding-bottom: 17.5px }
}
@media (max-width:1024px) {
	.application-d .application-d-box3 .application-slide2 { margin-top: 25px }
}
.application-d .application-d-box3 .application-slide2 .img { border-radius: 12px; overflow: hidden; position: relative; margin-bottom: min(0.625vw, 12px) }
@media (max-width:1024px) {
	.application-d .application-d-box3 .application-slide2 .img { margin-bottom: 6px }
}
.application-d .application-d-box3 .application-slide2 .img .ico { width: 68px; height: 68px; position: absolute; right: 0; bottom: 0; background-color: #008bd5; border-radius: 12px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none;}
.application-d .application-d-box3 .application-slide2 .img .ico::before { content: ''; width: 26px; height: 25px; background: url(../images/application/ico-big.png) no-repeat; background-size: 26px 25px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -12.5px }
.application-d .application-d-box3 .application-slide2 .img .ico img { height: 25px; margin: auto }
.application-d .application-d-box3 .application-slide2 .h3 { font-size: 22px; color: #000; line-height: 1.4; text-align: center; width: 100%; padding: 0 min(0.7291666666666666vw, 14px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.application-d .application-d-box3 .application-slide2 .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.application-d .application-d-box3 .application-slide2 .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.application-d .application-d-box3 .application-slide2 .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.application-d .application-d-box3 .application-slide2 .h3 { font-size: 12px }
}
@media (max-width:1024px) {
	.application-d .application-d-box3 .application-slide2 .h3 { padding: 0 7px 0 7px }
}
.application-d .application-d-box3 .application-slide2 .swiper-pagination { width: 100%; bottom: 0; left: 0; top: auto; height: 2px; background-color: #e1eaef }
.application-d .application-d-box3 .application-slide2 .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #008bd5 }
.application-d .application-d-box3 .application-slide2-box { position: relative }
.application-d .application-d-box3 .swiper-button-ico { width: 60px; height: 60px; background: no-repeat center #eee; border-radius: 50%; margin: 0; top: 88px; -webkit-transition: all .4s;     pointer-events: initial; transition: all .4s }
.application-d .application-d-box3 .swiper-button-ico.swiper-button-prev { background-image: url(../images/application/slide-prev.png); left: -100px }
.application-d .application-d-box3 .swiper-button-ico.swiper-button-next { background-image: url(../images/application/slide-next.png); right: -100px }
.application-d .application-d-box3 .swiper-button-ico:hover { background-color: #008bd5 }
.application-d .application-d-box3 .swiper-button-ico.swiper-button-prev:hover { background-image: url(../images/application/-slide-prev.png) }
.application-d .application-d-box3 .swiper-button-ico.swiper-button-next:hover { background-image: url(../images/application/-slide-next.png) }
.application-d .application-d-box4 { padding: min(6.770833333333333vw, 130px) 0 min(6.770833333333333vw, 130px) }
@media (max-width:1024px) {
	.application-d .application-d-box4 { padding: 65px 0 65px 0 }
}
.application-d .application-d-box4 .video ,.application-d .application-d-box4 .video2{ position: relative; margin-top: min(2.604166666666667vw, 50px); border-radius: 12px; overflow: hidden; cursor: pointer }
@media (max-width:1024px) {
	.application-d .application-d-box4 .video,.application-d .application-d-box4 .video2 { margin-top: 25px }
}
.application-d .application-d-box4 .video .videoio ,.application-d .application-d-box4 .video2 .videoio { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 1 }
.application-d .application-d-box4 .video .at-img { position: relative; z-index: 2 }
.application-d .application-d-box4 .video2 .at-img {position: relative; z-index: 2; opacity: 1; transition: all 0.3s linear; transition-delay: 0s;}
.application-d .application-d-box4 .video2.active .at-img { pointer-events: none; opacity: 0; transition-delay: 0s; transition: all 0 linear;}
.application-d .application-d-box4 .video .at-img.on { opacity: 0 }
.application-d .application-d-box5 { padding-bottom: min(5.208333333333334vw, 100px); padding-top: min(5.208333333333334vw, 100px);}
@media (max-width:1024px) {
	.application-d .application-d-box5 { padding-bottom: 50px }
}
@media (max-width:1600px) {
	.application-d .application-d-box2 .list .item em { margin-top: 1.4vw }
	.application-d .application-d-box3 .swiper-button-ico.swiper-button-prev { left: -70px }
	.application-d .application-d-box3 .swiper-button-ico.swiper-button-next { right: -70px }
}
@media (max-width:1400px) {
	.application-d .application-d-box3 .swiper-button-ico.swiper-button-prev { left: 10px }
	.application-d .application-d-box3 .swiper-button-ico.swiper-button-next { right: 10px }
}
@media (max-width:1280px) {
	.application-d .application-d-box2 .list .item em { margin-top: 1.2em }
}
@media (max-width:1200px) {
	.application-d .application-d-box1 .wrap-box p { line-height: 24px }
	.application-d .application-d-box1 .wrap-box .btn { line-height: 32px; margin-top: 10px }
	.application-d .application-d-box2 { padding: 50px 0 }
	.application-d .application-d-box3 .swiper-button-ico { display: none }
	.application-d .application-d-box3 .application-slide2 .img .ico { width: 45px; height: 45px }
	.application-d .application-d-box3 .application-slide2 .img .ico::before { width: 20px; height: 19px; background-size: 20px 19px; margin-top: -9.5px; margin-left: -10px }
	.application-d .application-d-box4 { padding: 50px 0 }
	.application-d .application-d-box5 { padding-bottom: 50px }
}
@media (max-width:990px) {
	.application-d .application-d-box1 .wrap-box .le { float: none }
	.application-d .application-d-box1 .wrap-box .ri { width: 100%; float: none; margin-top: 30px }
	.application-d .application-d-box1 .wrap-box .ri h3 { margin: 16px 0 4px }
}
@media (max-width:768px) {
	.application-d .application-d-box1 .wrap-box .le { width: 100%; max-width: 600px; margin: auto }
	.application-d .application-d-box1 .wrap-box .h3 { margin: 14px 0 4px }
	.application-d .application-d-box3 .application-slide2 .swiper-slide { width: 260px }
	.application-d .application-d-box5 table td { padding: 10px 6px }
}
.support .support-box1 { padding: min(7.03125vw, 135px) 0 min(8.854166666666668vw, 170px); background: url(../images/support/support-box1-bg.jpg) no-repeat center; background-size: cover }
@media (max-width:1024px) {
	.support .support-box1 { padding: 67.5px 0 85px 0 }
}
.support .support-box1 .wrap-box { margin-top: min(0.9375vw, 18px) }
@media (max-width:1024px) {
	.support .support-box1 .wrap-box { margin-top: 9px }
}
.support .support-box1 .wrap-box .introduce p { font-size: 24px; color: #666; line-height: 36px }
@media (max-width:1600px) {
	.support .support-box1 .wrap-box .introduce p { font-size: 18px }
}
@media (max-width:1470px) {
	.support .support-box1 .wrap-box .introduce p { font-size: 16px }
}
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .introduce p { font-size: 15px }
}
@media (max-width:768px) {
	.support .support-box1 .wrap-box .introduce p { font-size: 14px }
}
.support .support-box1 .wrap-box .list { padding-top: min(1.7708333333333333vw, 34px); margin-top: min(3.3854166666666665vw, 65px); border-top: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .list { padding-top: 17px }
}
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .list { margin-top: 32.5px }
}
.support .support-box1 .wrap-box .list .item { width: 33.333%; padding-right: min(0.7291666666666666vw, 14px) }
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .list .item { padding-right: 7px }
}
.support .support-box1 .wrap-box .list .item .h5 { font-size: 16px; color: #000; margin-bottom: min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.support .support-box1 .wrap-box .list .item .h5 { font-size: 14px }
}
@media (max-width:768px) {
	.support .support-box1 .wrap-box .list .item .h5 { font-size: 12px }
}
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .list .item .h5 { margin-bottom: 7px }
}
.support .support-box1 .wrap-box .list .item .h3 { font-size: 22px; color: #000; line-height: 1.6 }
@media (max-width:1600px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 12px }
}
.support .support-box1 .wrap-box .list .item:last-child { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
@media (max-width:1600px) {
	.support .support-box1 .wrap-box .introduce p { line-height: 32px }
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 18px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 16px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 13px }
}
@media (max-width:1600px) and (max-width:768px) {
	.support .support-box1 .wrap-box .list .item .h3 { font-size: 12px }
}
.support .support-box2 { overflow: hidden; padding: 50px 0 80px; background: #2e4d67; }
@media (max-width:1024px) {
	.support .support-box2 { padding: 70px 0 80px 0 }
}
.support .support-box2 .page-title h1 { color: #00a0e9 }
.support .support-box2 .introduce { margin-top: min(1.0416666666666665vw, 20px) }
.support .support-box2 .content .wrap-box {
    position: relative;
    width: 100%; height: auto;
    display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
     grid-gap: 50px;
}
.support .support-box2 .content .wrap-box::before,
.support .support-box2 .content .wrap-box::after { display: none; }
.support .support-box2 .content .wrap-box .le { width: 100%; flex: 1; padding-top: 30px; z-index: 2;}
.support .support-box2 .content .wrap-box .map_box { width: 58.73015873015873%; height: auto; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; position: absolute;
z-index: 1;
right: 0; top: 18%;}
.support .support-box2 .content .wrap-box .map_box .map_main { width: 100%; height: auto; position: relative; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; }
.support .support-box2 .content .wrap-box .map_box .map_main .map_img { width: 100%; height: auto; position: relative; z-index: 1; }
.support .support-box2 .content .wrap-box .map_box .map_main .map_img .img_active { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; }
.support .support-box2 .content .wrap-box .map_box .map_main .map_img .img { width: 100%; height: auto; background: #2e4d67; font-size: 0; }
.support .support-box2 .content .wrap-box .map_box .map_main .map_img .img img { mix-blend-mode: inherit; }
.support .support-box2 .content .wrap-box .map_box .map_main .item { width: 0; height: 0; position: absolute; z-index: 5; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_1 { left: 25.1%; top: 48%; display:none;}
.support .support-box2 .content .wrap-box .map_box .map_main .item_2 { left: 34.7%; top: 41%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_3 { left: 31.94%; top: 46%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_4 { left: 32.2%; top: 53%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_5 { left: 36%; top: 46.5%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_6 { left: 36.1%; top: 46.5%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_7 { left: 36.2%; top: 46.7%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_8 { left: 34.5%; top: 51.5%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_9 { left: 35.5%; top: 50.4%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_10 { left: 36.4%; top: 50%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_11 { left: 38%; top: 43%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_12 { left: 33.5%; top: 58%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_13 { left: 31%; top: 55%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_14 { left: 31%; top: 60%; }
.support .support-box2 .content .wrap-box .map_box .map_main .item_15 { left: 31.5%; top: 63%; }
.halo_box { width: 94px; height: 94px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.halo_box::before, .halo_box::after { content: ''; width: 0; height: 0; position: absolute; background: #fff; }
.halo_box::before, .halo_box::after, .halo_box .halo { top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; }
.halo_box::before { animation: bgfd 4s linear infinite; }
.halo_box::after { animation: bgfd 4s linear infinite 1s; }
.halo_box .halo { width: 5px; height: 5px; position: relative; z-index: 5; background: #fff; }
@media (max-width: 1280px) {
    .halo_box { width: 80px; height: 80px; }
    .halo_box .halo { width: 4px; height: 4px; }
}
@media (max-width: 768px) {
    .support .support-box2 .content .wrap-box { display: block; }
    .support .support-box2 .content .wrap-box .le { padding: 0; }
    .support .support-box2 .content .wrap-box .map_box { width: 100%; padding-top: 30px;position: relative; }
    .halo_box { width: 60px; height: 60px; }
    .halo_box .halo { width: 3px; height: 3px; }
}

@keyframes bgfd{ 0%{ width: 0%; height: 0%; opacity: .1; } 100%{ width: 100%; height: 100%; opacity: 0; } }


@media (max-width:1024px) {
	.support .support-box2 .introduce { margin-top: 10px }
}
.support .support-box2 .introduce h3 { font-size: 24px; color: #fff; line-height: 1.6 }
@media (max-width:1600px) {
	.support .support-box2 .introduce h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.support .support-box2 .introduce h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.support .support-box2 .introduce h3 { font-size: 15px }
}
@media (max-width:768px) {
	.support .support-box2 .introduce h3 { font-size: 14px }
}
.support .support-box2 .introduce h5 { font-size: 20px; color: #fff; line-height: 46px; margin: min(2.604166666666667vw, 50px) 0 min(1.0416666666666665vw, 20px) }
@media (max-width:1600px) {
	.support .support-box2 .introduce h5 { font-size: 15px }
}
@media (max-width:1470px) {
	.support .support-box2 .introduce h5 { font-size: 14px }
}
@media (max-width:1024px) {
	.support .support-box2 .introduce h5 { font-size: 12px }
}
@media (max-width:1024px) {
	.support .support-box2 .introduce h5 { margin: 25px 0 10px }
}
.support .support-box2 .introduce h5:first-child { margin-top: min(3.6458333333333335vw, 70px) }
@media (max-width:1024px) {
	.support .support-box2 .introduce h5:first-child { margin-top: 35px }
}
.support .support-box2 .introduce p { font-size: 16px; color: #9cb9d2; line-height: 26px }
@media (max-width:1600px) {
	.support .support-box2 .introduce p { font-size: 14px }
}
@media (max-width:768px) {
	.support .support-box2 .introduce p { font-size: 12px }
}
@media (max-width:1280px) {
	.support .page-ban .content .tab-name { left: 40px }
}
@media (max-width:1200px) {
	.support .support-box1 { padding: 50px 0 }
	.support .support-box1 .wrap-box .introduce p { font-size: 14px; line-height: 24px }
	.support .support-box1 .wrap-box .list { padding-top: 0; margin-top: 30px }
	.support .support-box1 .wrap-box .list .item { width: 50%; margin-top: 20px }
	.support .support-box1 .wrap-box .list .item:last-child { -webkit-box-pack: inherit; -ms-flex-pack: inherit; -webkit-justify-content: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; -webkit-align-items: inherit; align-items: inherit }
	.support .support-box2 { background: #2e4d67; min-height: auto; padding: 50px 0 }
	.support .support-box3 .buy-register-box1 { padding: 50px 0 }
	.support .support-box3 .wrap-box .li { display: none }
}
@media (max-width:768px) {
	.support .page-ban .tab-name { left: 17.5px; bottom: 10px; display: none }
	.support .support-box1 { padding: 50px 0 }
	.support .support-box1 .wrap-box .list .item { width: 100% }
	.support .support-box1 .wrap-box .list .item .h5 { margin-bottom: 4px }
}
.support-train .support-train-box1 { background: url(../images/support/support-train-box1-bg.jpg) no-repeat center; background-size: cover; padding: min(7.03125vw, 135px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.support-train .support-train-box1 { padding: 67.5px 0 50px 0 }
}
.support-train .support-train-box1 .wrap-box { overflow: hidden }
.support-train .support-train-box1 .wrap-box .le { width: 44%; min-height: 530px; position: relative }
.support-train .support-train-box1 .wrap-box .ri { width: 49.5%; border-radius: 12px; overflow: hidden }
.support-train .support-train-box1 .wrap-box .page-title h5 { font-size: 24px; color: #000; line-height: 1.6; font-weight: 300; margin: min(0.7291666666666666vw, 14px) 0 min(2.8125vw, 54px) }
@media (max-width:1600px) {
	.support-train .support-train-box1 .wrap-box .page-title h5 { font-size: 18px }
}
@media (max-width:1470px) {
	.support-train .support-train-box1 .wrap-box .page-title h5 { font-size: 16px }
}
@media (max-width:1024px) {
	.support-train .support-train-box1 .wrap-box .page-title h5 { font-size: 15px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .page-title h5 { font-size: 14px }
}
@media (max-width:1024px) {
	.support-train .support-train-box1 .wrap-box .page-title h5 { margin: 7px 0 27px }
}
.support-train .support-train-box1 .wrap-box .page-title a { line-height: 48px; border-radius: 12px; background-color: #008bd5; display: inline-block; font-size: 16px; color: #fff; padding: 0 min(1.9791666666666665vw, 38px) 0 min(1.9791666666666665vw, 38px) }
@media (max-width:1600px) {
	.support-train .support-train-box1 .wrap-box .page-title a { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .page-title a { font-size: 12px }
}
@media (max-width:1024px) {
	.support-train .support-train-box1 .wrap-box .page-title a { padding: 0 19px 0 19px }
}
.support-train .support-train-box1 .wrap-box .hd { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 100px }
.support-train .support-train-box1 .wrap-box .hd h5 { font-size: 30px; color: #000; font-weight: 400; line-height: 1.4 }
@media (max-width:1600px) {
	.support-train .support-train-box1 .wrap-box .hd h5 { font-size: 26px }
}
@media (max-width:1470px) {
	.support-train .support-train-box1 .wrap-box .hd h5 { font-size: 22px }
}
@media (max-width:1024px) {
	.support-train .support-train-box1 .wrap-box .hd h5 { font-size: 20px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .hd h5 { font-size: 18px }
}
.support-train .support-train-box1 .wrap-box .hd p { font-size: 16px; color: #444 }
@media (max-width:1600px) {
	.support-train .support-train-box1 .wrap-box .hd p { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .hd p { font-size: 12px }
}
.support-train .support-train-box1 .wrap-box .hd li { display: none }
.support-train .support-train-box1 .wrap-box .hd li.on { display: block }
.support-train .support-train-box1 .wrap-box .slide-btn { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico { position: static; width: 41px; height: 41px; background: no-repeat center #fff; margin: 0; top: 0; border-radius: 50%; transition: all .4s; -webkit-transition: all .4s }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico:hover { background-color: #00a0e9 }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico.swiper-button-prev { background-image: url(../images/support/pagination-prev.png) }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico.swiper-button-prev:hover { background-image: url(../images/support/-pagination-prev.png) }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico.swiper-button-next { background-image: url(../images/support/pagination-next.png); margin-left: 10px }
.support-train .support-train-box1 .wrap-box .slide-btn .swiper-button-ico.swiper-button-next:hover { background-image: url(../images/support/-pagination-next.png) }
.support-train .support-train-box1 .wrap-box .support-train-slide { position: relative; width: 418px; padding-bottom: 30px }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img { border-radius: 12px; overflow: hidden; position: relative }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text { opacity: 0; position: absolute; left: 0; bottom: 30px; padding: 0 20px; width: 100%; z-index: 2 }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text h5 { font-size: 16px; color: #fff; line-height: 1.4 }
@media (max-width:1600px) {
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text h5 { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text h5 { font-size: 12px }
}
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text p { font-size: 14px; color: #fff; line-height: 24px }
@media (max-width:1470px) {
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text p { font-size: 12px }
}
@media (max-width:768px) {
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text p { font-size: 12px }
}
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img::before { content: ''; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #008bd5; background: -webkit-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -moz-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -o-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -ms-linear-gradient(0deg, #008bd5 0, transparent 60%); background: linear-gradient(0deg, #008bd5 0, transparent 60%) }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-pagination { text-align: left; bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.support-train .support-train-box2 { padding: min(6.770833333333333vw, 130px) 0 min(7.8125vw, 150px) }
@media (max-width:1024px) {
	.support-train .support-train-box2 { padding: 65px 0 75px 0 }
}
.support-train .support-train-box2 .page-title h5 { font-size: 24px; color: #000; line-height: 1.6; margin-top: min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.support-train .support-train-box2 .page-title h5 { font-size: 18px }
}
@media (max-width:1470px) {
	.support-train .support-train-box2 .page-title h5 { font-size: 16px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .page-title h5 { font-size: 15px }
}
@media (max-width:768px) {
	.support-train .support-train-box2 .page-title h5 { font-size: 14px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .page-title h5 { margin-top: 7px }
}
.support-train .support-train-box2 .img { max-width: 44.5%; border-radius: 135px; overflow: hidden; margin: min(2.604166666666667vw, 50px) 0 min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.support-train .support-train-box2 .img { margin: 25px 0 25px }
}
.support-train .support-train-box2 .list-tit { font-size: 30px; color: #000; line-height: 1.4; margin-bottom: min(2.7083333333333335vw, 52px) }
@media (max-width:1600px) {
	.support-train .support-train-box2 .list-tit { font-size: 26px }
}
@media (max-width:1470px) {
	.support-train .support-train-box2 .list-tit { font-size: 22px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .list-tit { font-size: 20px }
}
@media (max-width:768px) {
	.support-train .support-train-box2 .list-tit { font-size: 18px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .list-tit { margin-bottom: 26px }
}
.support-train .support-train-box2 .list { margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.support-train .support-train-box2 .list .item { width: 33.33333%; padding: 0 15px; margin-bottom: min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.support-train .support-train-box2 .list .item { margin-bottom: 15px }
}
.support-train .support-train-box2 .list .item .item-box { border-top: 1px solid #000 }
.support-train .support-train-box2 .list .item .item-box h3 { font-size: 24px; color: #000; margin: min(1.25vw, 24px) 0 min(0.8333333333333334vw, 16px) }
@media (max-width:1600px) {
	.support-train .support-train-box2 .list .item .item-box h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.support-train .support-train-box2 .list .item .item-box h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .list .item .item-box h3 { font-size: 15px }
}
@media (max-width:768px) {
	.support-train .support-train-box2 .list .item .item-box h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.support-train .support-train-box2 .list .item .item-box h3 { margin: 12px 0 8px }
}
.support-train .support-train-box2 .list .item .item-box p { font-size: 16px; color: #444; line-height: 24px }
@media (max-width:1600px) {
	.support-train .support-train-box2 .list .item .item-box p { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box2 .list .item .item-box p { font-size: 12px }
}
.support-train .support-train-box3 { background: url(../images/support/support-train-box3-bg.jpg) no-repeat center; background-size: cover; padding: min(6.770833333333333vw, 130px) 0 min(4.895833333333333vw, 94px) }
@media (max-width:1024px) {
	.support-train .support-train-box3 { padding: 65px 0 47px 0 }
}
.support-train .support-train-box3 .support-train-slide2 { position: relative; margin-top: min(2.604166666666667vw, 50px); padding-bottom: min(2.34375vw, 45px); overflow: hidden }
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 { margin-top: 25px }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 { padding-bottom: 22.5px }
}
.support-train .support-train-box3 .support-train-slide2 .item { height: 240px; border-radius: 12px; background-color: #fff; border: 1px solid #e6eded; position: relative; padding: min(1.5625vw, 30px) 0 min(1.4583333333333333vw, 28px); padding-left: min(1.4583333333333333vw, 28px); padding-right: min(1.4583333333333333vw, 28px) }
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item { padding: 15px 0 14px 0 }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item { padding-left: 14px }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item { padding-right: 14px }
}
.support-train .support-train-box3 .support-train-slide2 .item .classify { font-size: 14px; color: #000; line-height: 30px }
@media (max-width:1470px) {
	.support-train .support-train-box3 .support-train-slide2 .item .classify { font-size: 12px }
}
@media (max-width:768px) {
	.support-train .support-train-box3 .support-train-slide2 .item .classify { font-size: 12px }
}
.support-train .support-train-box3 .support-train-slide2 .item .classify em { padding: 0 min(0.8333333333333334vw, 16px) 0 min(0.8333333333333334vw, 16px); margin-right: min(0.5208333333333333vw, 10px); display: inline-block; background-color: #cbe2f9; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item .classify em { padding: 0 8px 0 8px }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item .classify em { margin-right: 5px }
}
.support-train .support-train-box3 .support-train-slide2 .item .h3 { margin-top: min(0.78125vw, 15px); font-size: 20px; color: #000; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item .h3 { margin-top: 7.5px }
}
@media (max-width:1600px) {
	.support-train .support-train-box3 .support-train-slide2 .item .h3 { font-size: 15px }
}
@media (max-width:1470px) {
	.support-train .support-train-box3 .support-train-slide2 .item .h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item .h3 { font-size: 12px }
}
.support-train .support-train-box3 .support-train-slide2 .item .more { font-size: 16px; color: #000; line-height: 30px; position: relative; padding-left: 20px; margin-top: min(2.604166666666667vw, 50px) }
@media (max-width:1600px) {
	.support-train .support-train-box3 .support-train-slide2 .item .more { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box3 .support-train-slide2 .item .more { font-size: 12px }
}
@media (max-width:1024px) {
	.support-train .support-train-box3 .support-train-slide2 .item .more { margin-top: 25px }
}
.support-train .support-train-box3 .support-train-slide2 .item .more::before { content: ''; width: 9px; height: 100%; background: url(../images/news/ico-more.png) no-repeat left center; position: absolute; left: 0; top: 0 }
.support-train .support-train-box3 .support-train-slide2 .swiper-pagination { width: 100%; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); bottom: 8px; left: 80px; top: auto; height: 2px; background-color: #e1eaef }
.support-train .support-train-box3 .support-train-slide2 .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #008bd5 }
.support-train .support-train-box3 .support-train-slide2 .slide-btn { position: absolute; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; right: auto; left: 0; bottom: -12px }
.support-train .support-train-box3 .support-train-slide2 .slide-btn .swiper-button-ico { position: static; width: 26px; height: 41px; background: no-repeat center #fff; margin: 0; top: 0; border-radius: 50%; transition: all .4s; -webkit-transition: all .4s; background-color: transparent }
.support-train .support-train-box3 .support-train-slide2 .slide-btn .swiper-button-ico.swiper-button-prev { background-image: url(../images/support/pagination-prev2.png) }
.support-train .support-train-box3 .support-train-slide2 .slide-btn .swiper-button-ico.swiper-button-prev:hover { background-image: url(../images/support/pagination-prev2-blue.png) }
.support-train .support-train-box3 .support-train-slide2 .slide-btn .swiper-button-ico.swiper-button-next { background-image: url(../images/support/pagination-next2.png); margin-left: 10px }
.support-train .support-train-box3 .support-train-slide2 .slide-btn .swiper-button-ico.swiper-button-next:hover { background-image: url(../images/support/pagination-next2-blue.png) }
.support-train .support-train-box4 { padding: min(6.770833333333333vw, 130px) 0 min(6.770833333333333vw, 130px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 { padding: 65px 0 65px 0 }
}
.support-train .support-train-box4 .wrap-box { overflow: hidden; margin-top: min(4.427083333333334vw, 85px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box { margin-top: 42.5px }
}
.support-train .support-train-box4 .wrap-box .le { width: 33.3%; padding-right: min(1.0416666666666665vw, 20px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .le { padding-right: 10px }
}
.support-train .support-train-box4 .wrap-box .ri { width: 66.6% }
.support-train .support-train-box4 .wrap-box .ri-tit { font-size: 30px; color: #000; line-height: 1.4 }
@media (max-width:1600px) {
	.support-train .support-train-box4 .wrap-box .ri-tit { font-size: 26px }
}
@media (max-width:1470px) {
	.support-train .support-train-box4 .wrap-box .ri-tit { font-size: 22px }
}
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .ri-tit { font-size: 20px }
}
@media (max-width:768px) {
	.support-train .support-train-box4 .wrap-box .ri-tit { font-size: 18px }
}
.support-train .support-train-box4 .wrap-box .tab-name .li { margin-bottom: min(0.9375vw, 18px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab-name .li { margin-bottom: 9px }
}
.support-train .support-train-box4 .wrap-box .tab-name .li a { font-size: 18px; color: #888; line-height: 1.4; position: relative; padding-bottom: min(0.4166666666666667vw, 8px) }
@media (max-width:1600px) {
	.support-train .support-train-box4 .wrap-box .tab-name .li a { font-size: 16px }
}
@media (max-width:1470px) {
	.support-train .support-train-box4 .wrap-box .tab-name .li a { font-size: 13px }
}
@media (max-width:768px) {
	.support-train .support-train-box4 .wrap-box .tab-name .li a { font-size: 12px }
}
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab-name .li a { padding-bottom: 4px }
}
.support-train .support-train-box4 .wrap-box .tab-name .li a::before { content: ''; width: 0; height: 2px; background-color: #008bd5; position: absolute; bottom: 0; left: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.support-train .support-train-box4 .wrap-box .tab-name .li.on a { color: #000 }
.support-train .support-train-box4 .wrap-box .tab-name .li.on a::before { width: 100% }
.support-train .support-train-box4 .wrap-box .tab_ul { border-top: 1px solid #e5e5e5; margin-top: min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab_ul { margin-top: 25px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li { padding-bottom: min(1.875vw, 36px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li { padding-bottom: 18px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li .top { position: relative; padding-top: min(2.1354166666666665vw, 41px); cursor: pointer }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .top { padding-top: 20.5px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 24px; color: #000; line-height: 1.4; padding: 0 30px 0 0; position: relative }
@media (max-width:1600px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 18px }
}
@media (max-width:1470px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 16px }
}
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 15px }
}
@media (max-width:768px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 14px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li .top .ico { position: absolute; top: 56px; right: 0; width: 16px; height: 16px }
.support-train .support-train-box4 .wrap-box .tab_ul li .top .ico span { position: absolute; top: 0; left: 0; width: 16px; height: 2px; background-color: #000; transition-duration: .5s }
.support-train .support-train-box4 .wrap-box .tab_ul li .top .ico span:first-child { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg) }
.support-train .support-train-box4 .wrap-box .tab_ul li .bom { display: none; margin-top: min(1.0416666666666665vw, 20px) }
@media (max-width:1024px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .bom { margin-top: 10px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li .bom p { font-size: 16px; color: #666; line-height: 30px }
@media (max-width:1600px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .bom p { font-size: 14px }
}
@media (max-width:768px) {
	.support-train .support-train-box4 .wrap-box .tab_ul li .bom p { font-size: 12px }
}
.support-train .support-train-box4 .wrap-box .tab_ul li.on .top { border: none }
.support-train .support-train-box4 .wrap-box .tab_ul li.on .top .ico span { background-color: #00a0e9 }
.support-train .support-train-box4 .wrap-box .tab_ul li.on .top .ico span:first-child { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none }
@media (max-width:1600px) {
	.support-train .support-train-box2 .img { max-width: 33.5% }
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .ico { top: 3vw }
}
@media (max-width:1280px) {
	.support-train .page-ban .tab-name { left: 40px }
}
@media (max-width:1200px) {
	.support-train .support-train-box1 { padding: 50px 0 }
	.support-train .support-train-box1 .wrap-box .slide-btn { display: none }
	.support-train .support-train-box1 .wrap-box .le { min-height: inherit }
	.support-train .support-train-box1 .wrap-box .hd { display: none }
	.support-train .support-train-box1 .wrap-box .support-train-slide { width: auto }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide { width: 360px; opacity: .2 }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text { opacity: 1 }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img::before { opacity: 1 }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide.swiper-slide-active { opacity: 1 }
	.support-train .support-train-box2 { padding: 50px 0 20px }
	.support-train .support-train-box2 .list .item { width: 50%; margin-bottom: 20px }
	.support-train .support-train-box3 { padding: 50px 0 }
	.support-train .support-train-box4 { padding: 50px 0 }
	.support-train .support-train-box4 .wrap-box .le { float: none; width: auto; padding: 0 }
	.support-train .support-train-box4 .wrap-box .ri { float: none; width: auto }
	.support-train .support-train-box4 .wrap-box .ri-tit { display: none }
	.support-train .support-train-box4 .wrap-box .page_nav { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; overflow-x: scroll; text-overflow: ellipsis; white-space: nowrap }
	.support-train .support-train-box4 .wrap-box .page_nav .tab-name { font-size: 0; overflow: visible }
	.support-train .support-train-box4 .wrap-box .page_nav .tab-name .li { display: inline-block; margin-right: 24px; margin-bottom: 0 }
	.support-train .support-train-box4 .wrap-box .page_nav::-webkit-scrollbar { width: 5px; height: 8px; background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.support-train .support-train-box4 .wrap-box .page_nav::-webkit-scrollbar-thumb { background-color: #008bd5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.support-train .support-train-box4 .wrap-box .tab_ul { margin-top: 40px }
	.support-train .support-train-box4 .wrap-box .tab_ul li { padding-bottom: 12px }
	.support-train .support-train-box4 .wrap-box .tab_ul li .top { padding: 12px 0 0 }
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .tit { font-size: 14px }
	.support-train .support-train-box4 .wrap-box .tab_ul li .top .ico { top: 24px }
	.support-train .support-train-box4 .wrap-box .tab_ul li .bom p { line-height: 24px }
}
@media (max-width:990px) {
	.support-train .support-train-box1 .wrap-box .le { float: none; width: auto; margin-bottom: 30px }
	.support-train .support-train-box1 .wrap-box .ri { float: none; width: auto }
	.support-train .support-train-box1 .wrap-box .page-title h5 { margin: 10px 0 20px }
	.support-train .support-train-box2 .img { max-width: 44.5% }
}
@media (max-width:768px) {
	.support-train .page-ban .content { position: relative; background-color: #f3f8fc }
	.support-train .page-ban .tab-name { display: none; position: relative; left: 0; bottom: 0; border: 1px solid #cddfec }
	.support-train .page-ban .tab-name a { color: #000; padding: 0 4vw }
	.support-train .support-train-box1 .wrap-box .support-train-slide { width: auto }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide { width: 260px }
	.support-train .support-train-box1 .wrap-box .support-train-slide .swiper-slide .img .text { padding: 0 10px; bottom: 10px }
	.support-train .support-train-box2 .img { display: none }
	.support-train .support-train-box2 .list-tit { margin-top: 30px; margin-bottom: 20px }
	.support-train .support-train-box2 .list .item { width: 100% }
	.support-train .support-train-box3 .support-train-slide2 .swiper-slide { width: 260px }
	.support-train .support-train-box3 .support-train-slide2 .swiper-slide .item { height: 200px }
	.support-train .support-train-box3 .support-train-slide2 .swiper-pagination { width: 100%; left: 0; bottom: 0 }
	.support-train .support-train-box3 .support-train-slide2 .slide-btn { display: none }
	.support-train .support-train-box4 .wrap-box { margin-top: 30px }
	.support-train .support-train-box4 .wrap-box .tab_ul { margin-top: 30px }
}
.support-video { background-color: #f5f7f7 }
.support-video .support-video-box1 { padding: min(1.0416666666666665vw, 20px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
	.support-video .support-video-box1 { padding: 10px 0 50px 0 }
}
.support-video .support-video-box1 .tab-name { min-height: 54px; padding: 15px 70px 15px 35px; position: relative; background-color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-bottom: min(2.083333333333333vw, 40px); grid-gap: 6px 64px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
@media (max-width:1024px) {
	.support-video .support-video-box1 .tab-name { margin-bottom: 20px }
}
.support-video .support-video-box1 .tab-name label { font-size: 16px; color: #262626 }
.support-video .support-video-box1 .tab-name label a{display: block; position: relative;}
.support-video .support-video-box1 .tab-name label a::after{ position: absolute; width: 20px; height: 20px; left: 0; top: 0; content: ""; }
.support-video .support-video-box1 .tab-name label a.active{color: #008bd5;}
/*.support-video .support-video-box1 .tab-name label a.on{color: #008bd5;}*/
@media (max-width:1600px) {
	.support-video .support-video-box1 .tab-name label { font-size: 14px }
}
@media (max-width:768px) {
	.support-video .support-video-box1 .tab-name label { font-size: 12px }
}
.support-video .support-video-box1 .tab-name .radio { margin-right: 5px;}
.support-video .support-video-box1 .support-video-tabs { margin: min(1.9791666666666665vw, 38px) 0 min(1.0416666666666665vw, 20px) }
@media (max-width:1024px) {
	.support-video .support-video-box1 .support-video-tabs { margin: 19px 0 10px }
}
.support-video .support-video-box1 .support-video-tabs a { display: inline-block; font-size: 16px; color: #000; line-height: 1.4; padding-bottom: min(0.4166666666666667vw, 8px); margin-right: min(1.7708333333333333vw, 34px); position: relative }
@media (max-width:1600px) {
	.support-video .support-video-box1 .support-video-tabs a { font-size: 14px }
}
@media (max-width:768px) {
	.support-video .support-video-box1 .support-video-tabs a { font-size: 12px }
}
@media (max-width:1024px) {
	.support-video .support-video-box1 .support-video-tabs a { padding-bottom: 4px }
}
@media (max-width:1024px) {
	.support-video .support-video-box1 .support-video-tabs a { margin-right: 17px }
}
.support-video .support-video-box1 .support-video-tabs a a::before { content: ''; width: 100%; height: 2px; background-color: #008bd5; position: absolute; left: 0; bottom: 0; display: none }
.support-video .support-video-box1 .support-video-tabs a.on::before { display: block }
.support-video .support-video-box1 .list { margin-left: -15px; margin-right: -15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.support-video .support-video-box1 .list .item { width: 33.33333%; padding: 0 15px; margin-bottom: 30px }
.support-video .support-video-box1 .list .item a { width: 100%; background-color: #fff; display: block; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.support-video .support-video-box1 .list .item a .img { width: 100%; background: no-repeat center; background-size: cover; position: relative }
.support-video .support-video-box1 .list .item a .img .pb { padding-bottom: 60% }
.support-video .support-video-box1 .list .item a .text { height: 80px; line-height: 80px; padding: 0 15px; overflow: hidden }
.support-video .support-video-box1 .list .item a .text .auto { display: inline-block; vertical-align: middle }
.support-video .support-video-box1 .list .item a .text .auto .h1 { font-size: 18px; color: #000; line-height: 1.4; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.support-video .support-video-box1 .list .item a .text .auto .h1 { font-size: 16px }
}
@media (max-width:1470px) {
	.support-video .support-video-box1 .list .item a .text .auto .h1 { font-size: 13px }
}
@media (max-width:768px) {
	.support-video .support-video-box1 .list .item a .text .auto .h1 { font-size: 12px }
}
.support-video .support-video-box1 .list .item:hover .h1 { color: #008bd5 }
@media (max-width:1600px) {
	.support-video .support-video-box1 .tab-name { padding: 14px 30px; grid-gap: 6px 50px }
}
@media (max-width:1280px) {
	.support-video .support-video-box1 .list { margin-left: -7.5px; margin-right: -7.5px }
	.support-video .support-video-box1 .list .item { padding: 0 7.5px }
}
@media (max-width:768px) {
	.support-video .support-video-box1 .tab-name { padding: 14px 20px; grid-gap: 6px 20px }
	.support-video .support-video-box1 .list .item { width: 50% }
}
@media (max-width:480px) {
	.support-video .support-video-box1 .list .item { width: 100%; margin-bottom: 20px }
	.support-video .support-video-box1 .list .item .img .pb img { height: 100%; object-fit: cover }
}
.product-list .Tips { font-size: 24px; padding: min(3.6458333333333335vw, 70px) 0 min(3.6458333333333335vw, 70px) }
@media (max-width:1600px) {
	.product-list .Tips { font-size: 18px }
}
@media (max-width:1470px) {
	.product-list .Tips { font-size: 16px }
}
@media (max-width:1024px) {
	.product-list .Tips { font-size: 15px }
}
@media (max-width:768px) {
	.product-list .Tips { font-size: 14px }
}
@media (max-width:1024px) {
	.product-list .Tips { padding: 35px 0 35px 0 }
}
.product-list .Tips em { color: #008bd5 }
.product-list .support-video-box1 .list .item a { height: 100% }
.product-list .support-video-box1 .list .item a .img { overflow: hidden }
.product-list .support-video-box1 .list .item a .img .pb { padding-bottom: 100% }
.product-list .support-video-box1 .list .item a .img .pb img { transition: all .3s; -webkit-transition: all .3s }
.product-list .support-video-box1 .list .item a .text { height: auto; line-height: initial; overflow: hidden; padding-top: min(1.3541666666666667vw, 26px); padding-bottom: min(1.3541666666666667vw, 26px) }
@media (max-width:1024px) {
	.product-list .support-video-box1 .list .item a .text { padding-top: 13px }
}
@media (max-width:1024px) {
	.product-list .support-video-box1 .list .item a .text { padding-bottom: 13px }
}
.product-list .support-video-box1 .list .item a .text .auto { display: inline-block; vertical-align: middle }
.product-list .support-video-box1 .list .item a .text .auto .h1 { font-size: 18px; color: #000; line-height: 1.6; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; display: inline-block; position: relative }
@media (max-width:1600px) {
	.product-list .support-video-box1 .list .item a .text .auto .h1 { font-size: 16px }
}
@media (max-width:1470px) {
	.product-list .support-video-box1 .list .item a .text .auto .h1 { font-size: 13px }
}
@media (max-width:768px) {
	.product-list .support-video-box1 .list .item a .text .auto .h1 { font-size: 12px }
}
.product-list .support-video-box1 .list .item a .text .auto .h1::before { content: ''; width: 100%; height: 2px; background-color: #008bd5; position: absolute; left: 0; bottom: 0 }
.product-list .support-video-box1 .list .item a .text .auto .p { font-size: 14px; color: #000; line-height: 24px; margin-top: min(0.3125vw, 6px) }
@media (max-width:1470px) {
	.product-list .support-video-box1 .list .item a .text .auto .p { font-size: 12px }
}
@media (max-width:768px) {
	.product-list .support-video-box1 .list .item a .text .auto .p { font-size: 12px }
}
@media (max-width:1024px) {
	.product-list .support-video-box1 .list .item a .text .auto .p { margin-top: 3px }
}
.product-list .support-video-box1 .list .item:hover a .img .pb img { transform: scale(1.1); -webkit-transform: scale(1.1) }
.product-list .support-video-box1 .list .item:hover a .text .auto .h1 { color: #008bd5 }
.news .classify { font-size: 14px; color: #000; line-height: 30px }
@media (max-width:1470px) {
	.news .classify { font-size: 12px }
}
@media (max-width:768px) {
	.news .classify { font-size: 12px }
}
.news .classify em { padding: 0 min(0.5208333333333333vw, 10px) 0 min(0.5208333333333333vw, 10px); margin-right: min(0.8333333333333334vw, 16px); display: inline-block; background-color: #dde0e5; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.news .classify em { padding: 0 5px 0 5px }
}
@media (max-width:1024px) {
	.news .classify em { margin-right: 8px }
}
.news .p { font-size: 16px; color: #000; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
@media (max-width:1600px) {
	.news .p { font-size: 14px }
}
@media (max-width:768px) {
	.news .p { font-size: 12px }
}
.news .news-box1 { background-color: #f5f7f7 }
.news .news-box1 .content { position: absolute; height: 100%; left: 0; right: 0; top: 0; margin: auto }
.news .news-box1 .news-slide { position: relative }
.news .news-box1 .news-slide a { width: 100%; display: block }
.news .news-box1 .news-slide a .img { text-align: right }
.news .news-box1 .news-slide a .img img { max-width: 66.1vw }
.news .news-box1 .news-slide a .text { display: none; max-width: 40.2%; padding: min(1.3541666666666667vw, 26px) 0 min(2.1875vw, 42px); padding-left: min(1.5625vw, 30px); padding-right: min(2.604166666666667vw, 50px); background-color: #fff; position: absolute; left: 0; top: 50%; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text { padding: 13px 0 21px 0 }
}
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text { padding-left: 15px }
}
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text { padding-right: 25px }
}
.news .news-box1 .news-slide a .text .h3 { font-size: 30px; color: #000; line-height: 1.4; margin: min(0.625vw, 12px) 0 min(1.0416666666666665vw, 20px); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.news .news-box1 .news-slide a .text .h3 { font-size: 26px }
}
@media (max-width:1470px) {
	.news .news-box1 .news-slide a .text .h3 { font-size: 22px }
}
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text .h3 { font-size: 20px }
}
@media (max-width:768px) {
	.news .news-box1 .news-slide a .text .h3 { font-size: 18px }
}
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text .h3 { margin: 6px 0 10px }
}
.news .news-box1 .news-slide a .text .more { font-size: 16px; color: #000; line-height: 30px; position: relative; padding-left: 20px; margin-top: min(3.4375000000000004vw, 66px) }
@media (max-width:1600px) {
	.news .news-box1 .news-slide a .text .more { font-size: 14px }
}
@media (max-width:768px) {
	.news .news-box1 .news-slide a .text .more { font-size: 12px }
}
@media (max-width:1024px) {
	.news .news-box1 .news-slide a .text .more { margin-top: 33px }
}
.news .news-box1 .news-slide a .text .more::before { content: ''; width: 9px; height: 100%; background: url(../images/news/ico-more.png) no-repeat left center; position: absolute; left: 0; top: 0 }
.news .news-box1 .news-slide a:hover .text .classify em { background-color: #cbe2f9 }
.news .news-box1 .news-slide a:hover .text .h3 { color: #00a0e9 }
.news .news-box1 .news-slide .down { max-width: 1260px; height: 12px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; margin-bottom: min(1.9791666666666665vw, 38px); text-align: left }
@media (max-width:1024px) {
	.news .news-box1 .news-slide .down { margin-bottom: 19px }
}
.news .news-box1 .news-slide .down .swiper-pagination { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; left: 0 }
.news .news-box1 .news-slide .down .swiper-pagination .swiper-pagination-bullet { background-color: #d2d2d2; opacity: 1; margin: 0 3px }
.news .news-box1 .news-slide .down .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.news .news-box1 .news-slide .swiper-slide-active .text { display: block }
.news .news-box2 { padding: min(3.125vw, 60px) 0 min(6.770833333333333vw, 130px) }
@media (max-width:1024px) {
	.news .news-box2 { padding: 30px 0 65px 0 }
}
.news .news-box2 .tab-name { border: 1px solid #00a0e9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: inline-block; font-size: 0 }
.news .news-box2 .tab-name a { font-size: 16px; color: #000; line-height: 48px; display: inline-block; padding: 0 min(1.6666666666666667vw, 32px) 0 min(1.6666666666666667vw, 32px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.news .news-box2 .tab-name a { font-size: 14px }
}
@media (max-width:768px) {
	.news .news-box2 .tab-name a { font-size: 12px }
}
@media (max-width:1024px) {
	.news .news-box2 .tab-name a { padding: 0 16px 0 16px }
}
.news .news-box2 .tab-name a.on { background-color: #00a0e9; color: #fff }
.news .news-box2 .list { width: 100%; height: auto; margin-top: min(2.083333333333333vw, 40px); display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
@media (max-width:1024px) {
	.news .news-box2 .list { margin-top: 20px }
}
.news .news-box2 .list .item { width: 100%; height: auto; overflow: hover; }
.news .news-box2 .list .item .img { width: 100%; background: no-repeat center; background-size: cover; margin-bottom: min(0.9375vw, 18px); overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.news .news-box2 .list .item .img { margin-bottom: 9px }
}
.news .news-box2 .list .item .img .pb { padding-bottom: 60% }
.news .news-box2 .list .item .img .pb img { width: 100%; height: 100%; object-fit: cover }
.news .news-box2 .list .item .text .h3 { width: 100%; height: 2.8em; margin-top: min(0.78125vw, 15px); margin-bottom: min(1.25vw, 24px); font-size: 20px; color: #000; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
@media (max-width:1024px) {
	.news .news-box2 .list .item .text .h3 { margin-top: 7.5px }
}
@media (max-width:1024px) {
	.news .news-box2 .list .item .text .h3 { margin-bottom: 12px }
}
@media (max-width:1600px) {
	.news .news-box2 .list .item .text .h3 { font-size: 15px }
}
@media (max-width:1470px) {
	.news .news-box2 .list .item .text .h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.news .news-box2 .list .item .text .h3 { font-size: 12px }
}
.news .news-box2 .list .item a{ width: 100%; }
.news .news-box2 .list .item:hover .text .classify em { color: #008bd5 }
.news .news-box2 .list .item:hover .text .h3 { color: #008bd5 }
.news .news-box2 .pagination { margin-top: min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.news .news-box2 .pagination { margin-top: 25px }
}
.news .news-box2 .layui-laypage a.layui-laypage-prev, .news .news-box2 .layui-laypage a.layui-laypage-next { background-color: #f8f8f8; border-color: #f8f8f8 !important }
.news .news-box2 .layui-laypage a, .news .news-box2 .layui-laypage span { border: 1px solid #e5e5e5 !important }
.news .news-box2 .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: transparent !important }
.news .news-box2 .layui-laypage .layui-laypage-curr em { color: #008bd5 }
.news .news-box2 .layui-laypage a:hover, .news .news-box2 .layui-laypage span:hover { background-color: transparent !important; color: #008bd5 !important }
.news .news-box2 .layui-laypage a.layui-laypage-prev:hover, .news .news-box2 .layui-laypage a.layui-laypage-next:hover { background-color: #008bd5 !important; color: #fff !important }
@media (max-width:1280px) {
	.news .news-box1 .news-slide a .text { left: 40px }
	.news .news-box1 .news-slide .down { max-width: 100%; padding: 0 40px }
	.news .news-box1 .news-slide .down .swiper-pagination { width: 100%; right: 0 }
	.news .news-box2 .list { margin-left: -7.5px; margin-right: -7.5px }
	.news .news-box2 .list .item { padding: 0 7.5px }
	.news .news-box2 .pagination { margin: 0 }
}
@media (max-width:1200px) {
	.news .news-box1 .news-slide a .img img { max-width: 75vw }
	.news .news-box2 { padding: 50px 0 }
	.news .news-box2 .tab-name a { line-height: 34px }
}
@media (max-width:990px) {
	.news .news-box1 { padding: 30px 0 }
	.news .news-box1 .content { position: static }
	.news .news-box1 .news-slide a .img { border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; overflow: hidden; padding: 0 40px }
	.news .news-box1 .news-slide a .img img { max-width: 100%; border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0 }
	.news .news-box1 .news-slide a .text { max-width: 100%; border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; position: static; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none }
	.news .news-box1 .news-slide .swiper-pagination { width: 100%; right: 0 }
}
@media (max-width:768px) {
    .news .news-box2 .list{grid-template-columns: repeat(1, 1fr);}
	.news .news-box1 .news-slide a .img { padding: 0 17.5px }
	.news .news-box2 .list .item { width: 100%; margin-bottom: 30px }
	.news .news-box2 .list .item a{ width: 100%; }
}
.news-d .classify { font-size: 14px; color: #000; line-height: 30px }
@media (max-width:1470px) {
	.news-d .classify { font-size: 12px }
}
@media (max-width:768px) {
	.news-d .classify { font-size: 12px }
}
.news-d .classify em { padding: 0 min(0.5208333333333333vw, 10px) 0 min(0.5208333333333333vw, 10px); margin-right: min(0.8333333333333334vw, 16px); display: inline-block; background-color: #cbe2f9; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.news-d .classify em { padding: 0 10px; }
}
@media (max-width:1024px) {
	.news-d .classify em { margin-right: 8px }
}
.news-d .news-d-box { border-top: 1px solid #e5e5e5; padding: min(5.208333333333334vw, 100px) 0 min(7.552083333333333vw, 145px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
@media (max-width:1024px) {
	.news-d .news-d-box { padding: 50px 0 72.5px 0 }
}
.news-d .news-d-box .le { width: 72.2%; float: none }
.news-d .news-d-box .le .h3 { font-size: 36px; color: #000; font-weight: 300; line-height: 1.4; margin: min(0.4166666666666667vw, 8px) 0 min(2.3958333333333335vw, 46px) }
@media (max-width:1600px) {
	.news-d .news-d-box .le .h3 { font-size: 32px }
}
@media (max-width:1470px) {
	.news-d .news-d-box .le .h3 { font-size: 28px }
}
@media (max-width:1024px) {
	.news-d .news-d-box .le .h3 { font-size: 24px }
}
@media (max-width:768px) {
	.news-d .news-d-box .le .h3 { font-size: 20px }
}
@media (max-width:1024px) {
	.news-d .news-d-box .le .h3 { margin: 4px 0 23px }
}
.news-d .news-d-box .le .con { position: relative; padding-left: 80px }
.news-d .news-d-box .le .con p { font-size: 16px; color: #000; line-height: 1.95em; margin-bottom: 20px }
@media (max-width:1600px) {
	.news-d .news-d-box .le .con p { font-size: 14px }
}
@media (max-width:768px) {
	.news-d .news-d-box .le .con p { font-size: 12px }
}
.news-d .news-d-box .le .con p img { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
.news-d .news-d-box .le .share { position: absolute; left: 0; top: 0 }
.news-d .news-d-box .le .share .li { width: 34px; height: 34px; line-height: 34px; background: no-repeat center #eee; margin-bottom: 8px; background-size: 50% auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.news-d .news-d-box .le .share .li.li1 { background-image: url(../images/news/share-wx.png) }
.news-d .news-d-box .le .share .li.li2 { background-image: url(../images/news/share-wb.png) }
.news-d .news-d-box .le .share .li.li3 { background-image: url(../images/news/share-gz.png) }
.news-d .news-d-box .le .share .li.li4 { background-image: url(../images/news/share-f.png) }
.news-d .news-d-box .le .share .li.li5 { background-image: url(../images/news/share-qq.png) }
.news-d .news-d-box .ri { width: 22.2%; height: 100%; float: none; position: sticky; top: 100px; left: 0 }
.news-d .news-d-box .name { font-size: 24px; color: #000; line-height: 1; border-bottom: 1px solid #e5e5e5; padding-bottom: min(1.4583333333333333vw, 28px) }
@media (max-width:1600px) {
	.news-d .news-d-box .name { font-size: 18px }
}
@media (max-width:1470px) {
	.news-d .news-d-box .name { font-size: 16px }
}
@media (max-width:1024px) {
	.news-d .news-d-box .name { font-size: 15px }
}
@media (max-width:768px) {
	.news-d .news-d-box .name { font-size: 14px }
}
@media (max-width:1024px) {
	.news-d .news-d-box .name { padding-bottom: 14px }
}
.news-d .news-d-box li { padding: min(1.4583333333333333vw, 14px) 0 min(1.1458333333333333vw, 14px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.news-d .news-d-box li { padding: 14px 0 11px 0 }
}
.news-d .news-d-box li a { display: block }
.news-d .news-d-box li a .h3 { margin-top: min(0.5208333333333333vw, 10px); font-size: 18px; color: #000; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s }
@media (max-width:1024px) {
	.news-d .news-d-box li a .h3 { margin-top: 5px }
}
@media (max-width:1600px) {
	.news-d .news-d-box li a .h3 { font-size: 16px }
}
@media (max-width:1470px) {
	.news-d .news-d-box li a .h3 { font-size: 13px }
}
@media (max-width:768px) {
	.news-d .news-d-box li a .h3 { font-size: 12px }
}
.news-d .news-d-box li a:hover .h3 { color: #008bd5 }
.news-d .news-d-box .news-d-more { width: 100%; font-size: 16px; color: #fff; line-height: 48px; background-color: #00a0e9; margin-top: min(0.9375vw, 18px); text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1600px) {
	.news-d .news-d-box .news-d-more { font-size: 14px }
}
@media (max-width:768px) {
	.news-d .news-d-box .news-d-more { font-size: 12px }
}
@media (max-width:1024px) {
	.news-d .news-d-box .news-d-more { margin-top: 9px }
}
@media (max-width:1200px) {
	.news-d .news-d-box { padding: 50px 0 }
	.news-d .news-d-box .le { width: 74.2% }
	.news-d .news-d-box .le .con { padding-left: 54px }
}
@media (max-width:990px) {
	.news-d .news-d-box .le { width: 100%; float: none }
	.news-d .news-d-box .le .share { position: static; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-bottom: 20px }
	.news-d .news-d-box .le .share .li { margin-right: 10px }
	.news-d .news-d-box .le .con { padding-left: 0 }
	.news-d .news-d-box .ri { width: 100%; float: none; margin-top: 30px; display: none; }
}
.employees .employees-box1 { padding: min(6.770833333333333vw, 130px) 0 min(6.770833333333333vw, 130px) }
@media (max-width:1024px) {
	.employees .employees-box1 { padding: 65px 0 65px 0 }
}
.employees .employees-box1 .wrap-box { overflow: hidden; margin-top: min(6.25vw, 120px) }
@media (max-width:1024px) {
	.employees .employees-box1 .wrap-box { margin-top: 60px }
}
.employees .employees-box1 .wrap-box .le { width: 47.6% }
.employees .employees-box1 .wrap-box .ri { width: 41.2% }
.employees .employees-box1 .employees-box1-slogan p { font-size: 24px; color: #888; line-height: 2 }
@media (max-width:1600px) {
	.employees .employees-box1 .employees-box1-slogan p { font-size: 18px }
}
@media (max-width:1470px) {
	.employees .employees-box1 .employees-box1-slogan p { font-size: 16px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .employees-box1-slogan p { font-size: 15px }
}
@media (max-width:768px) {
	.employees .employees-box1 .employees-box1-slogan p { font-size: 14px }
}
.employees .employees-box1 .employees-box1-slogan p:last-child { color: #000 }
.employees .employees-box1 .page-title { margin-bottom: min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.employees .employees-box1 .page-title { margin-bottom: 25px }
}
.employees .employees-box1 .tab_ul { border-top: 1px solid #e5e5e5 }
.employees .employees-box1 .tab_ul li .top { position: relative; padding: min(1.5104166666666667vw, 29px) 0 min(1.5104166666666667vw, 29px); border-bottom: 1px solid #e5e5e5; cursor: pointer }
@media (max-width:1024px) {
	.employees .employees-box1 .tab_ul li .top { padding: 14.5px 0 14.5px 0 }
}
.employees .employees-box1 .tab_ul li .top .tit { font-size: 22px; color: #000; line-height: 1.4; padding: 0 30px 0 55px; padding-left: min(2.864583333333333vw, 55px); position: relative }
@media (max-width:1600px) {
	.employees .employees-box1 .tab_ul li .top .tit { font-size: 18px }
}
@media (max-width:1470px) {
	.employees .employees-box1 .tab_ul li .top .tit { font-size: 16px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .tab_ul li .top .tit { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box1 .tab_ul li .top .tit { font-size: 12px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .tab_ul li .top .tit { padding-left: 27.5px }
}
.employees .employees-box1 .tab_ul li .top .tit em { font-family: 'Euclid-Square'; font-size: 18px; color: #000; position: absolute; top: 2px; left: 0 }
@media (max-width:1600px) {
	.employees .employees-box1 .tab_ul li .top .tit em { font-size: 16px }
}
@media (max-width:1470px) {
	.employees .employees-box1 .tab_ul li .top .tit em { font-size: 13px }
}
@media (max-width:768px) {
	.employees .employees-box1 .tab_ul li .top .tit em { font-size: 12px }
}
.employees .employees-box1 .tab_ul li .top .ico { position: absolute; top: 50%; right: 0; width: 16px; height: 16px }
.employees .employees-box1 .tab_ul li .top .ico span { position: absolute; top: 0; left: 0; width: 16px; height: 2px; background-color: #000; transition-duration: .5s }
.employees .employees-box1 .tab_ul li .top .ico span:first-child { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg) }
.employees .employees-box1 .tab_ul li .bom { display: none; padding-bottom: min(1.0416666666666665vw, 20px); border-bottom: 1px solid #e5e5e5 }
@media (max-width:1024px) {
	.employees .employees-box1 .tab_ul li .bom { padding-bottom: 10px }
}
.employees .employees-box1 .tab_ul li .bom h6:first-child { margin: 0 }
.employees .employees-box1 .tab_ul li .bom h6 { font-size: 16px; color: #3e444d; line-height: 36px; margin-top: min(0.625vw, 12px) }
@media (max-width:1600px) {
	.employees .employees-box1 .tab_ul li .bom h6 { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box1 .tab_ul li .bom h6 { font-size: 12px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .tab_ul li .bom h6 { margin-top: 6px }
}
.employees .employees-box1 .tab_ul li .bom p { font-size: 14px; color: #999; line-height: 26px }
@media (max-width:1470px) {
	.employees .employees-box1 .tab_ul li .bom p { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box1 .tab_ul li .bom p { font-size: 12px }
}
.employees .employees-box1 .tab_ul li.on .top { border: none }
.employees .employees-box1 .tab_ul li.on .top .ico span:first-child { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none }
.employees .employees-box1 .item+.item { margin-top: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.employees .employees-box1 .item+.item { margin-top: 5px }
}
.employees .employees-box1 .item { position: relative; padding: min(1.40625vw, 27px) 0 min(1.25vw, 24px); padding-right: min(1.40625vw, 27px); padding-left: 88px; background-color: #f8f8f8; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.employees .employees-box1 .item { padding: 13.5px 0 12px 0 }
}
@media (max-width:1024px) {
	.employees .employees-box1 .item { padding-right: 13.5px }
}
.employees .employees-box1 .item h3 { font-size: 24px; color: #000; line-height: 1.4; margin-bottom: min(0.4166666666666667vw, 8px) }
@media (max-width:1600px) {
	.employees .employees-box1 .item h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.employees .employees-box1 .item h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .item h3 { font-size: 15px }
}
@media (max-width:768px) {
	.employees .employees-box1 .item h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .item h3 { margin-bottom: 4px }
}
.employees .employees-box1 .item p { font-size: 16px; color: #444; line-height: 24px }
@media (max-width:1600px) {
	.employees .employees-box1 .item p { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box1 .item p { font-size: 12px }
}
.employees .employees-box1 .item .ico { max-width: 40px; position: absolute; top: 27px; left: 28px }
.employees .employees-box2 { overflow: hidden; background: url(../images/employees/employees-box2-bg.jpg) no-repeat center; background-size: cover; min-height: 840px; position: relative; padding-top: 135px }
.employees .employees-box2 .tab-wrap { width: 50%; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper { width: 100%; height: 100%; overflow: hidden; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide { width: 100%; height: 100%; overflow: hidden; }
.employees .employees-box2 .tab-name { border: 1px solid #cddfec; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: inline-block; font-size: 0; margin: min(0.5208333333333333vw, 10px) 0 min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.employees .employees-box2 .tab-name { margin: 5px 0 25px }
}
.employees .employees-box2 .tab-name a { font-size: 16px; color: #000; line-height: 48px; display: inline-block; padding: 0 min(1.1458333333333333vw, 22px) 0 min(1.1458333333333333vw, 22px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.employees .employees-box2 .tab-name a { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box2 .tab-name a { font-size: 12px }
}
@media (max-width:1024px) {
	.employees .employees-box2 .tab-name a { padding: 0 11px 0 11px }
}
.employees .employees-box2 .tab-name a.on { background-color: #00a0e9; color: #fff }
.employees .employees-box2 .text p { font-size: 24px; color: #000; line-height: 1.4 }
@media (max-width:1600px) {
	.employees .employees-box2 .text p { font-size: 18px }
}
@media (max-width:1470px) {
	.employees .employees-box2 .text p { font-size: 16px }
}
@media (max-width:1024px) {
	.employees .employees-box2 .text p { font-size: 15px }
}
@media (max-width:768px) {
	.employees .employees-box2 .text p { font-size: 14px }
}
/*.employees .employees-box2 .gallery { z-index: 1; display: flex; flex-direction: row; justify-content: center; width: 100%; height: 840px }*/
/*.employees .employees-box2 .col { display: flex; flex: 1; flex-direction: column; width: 100%; align-self: flex-start; justify-self: flex-start }*/
/*.employees .employees-box2 .col:nth-child(2) { align-self: flex-end; justify-self: flex-end }*/
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box { width: 100%; height: 100%; overflow: hidden; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; overflow: hidden; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery .col { width: 100%; height: 100%; overflow: hidden; pointer-events: initial; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery .col .swiper-wrapper { transition-timing-function: linear; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery .col .swiper-slide { width: 100%; height: auto; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery .col .swiper-slide .image { width: 100%; height: auto; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; font-size: 0; overflow: hidden; }
.employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery .col .swiper-slide .image img { width: 100%; height: auto; object-fit: cover; }

.employees .employees-box3 { background-color: #f5f7f7; padding: min(8.333333333333332vw, 160px) 0 min(5.208333333333334vw, 100px) }
@media (max-width: 1280px) {
    .employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery { grid-gap: 15px;}
}
@media (max-width:1024px) {
    .employees .employees-box2 .tab-wrap>.swiper-wrapper>.swiper-slide .tab-box .gallery { grid-gap: 10px }
	.employees .employees-box3 { padding: 80px 0 50px 0 }
}
.employees .employees-box3 .page-ri { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.employees .employees-box3 .page-ri .c_down { min-width: 120px; position: relative; height: 32px; cursor: pointer; margin-left: min(0.5208333333333333vw, 10px) }
@media (max-width:1024px) {
	.employees .employees-box3 .page-ri .c_down { margin-left: 5px }
}
.employees .employees-box3 .page-ri .c_down span { position: relative; display: block; height: 32px; line-height: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #000; font-size: 14px; padding: 0 14px 0 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1470px) {
	.employees .employees-box3 .page-ri .c_down span { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .page-ri .c_down span { font-size: 12px }
}
.employees .employees-box3 .page-ri .c_down span::before { content: ''; width: 9px; height: 100%; background: url(../images/form/down-ico.png) no-repeat center; position: absolute; right: 0; margin-right: min(1.0416666666666665vw, 20px); top: 0 }
@media (max-width:1024px) {
	.employees .employees-box3 .page-ri .c_down span::before { margin-right: 10px }
}
.employees .employees-box3 .page-ri .c_down ul { display: none; z-index: 9; position: absolute; top: 38px; background-color: #fff; padding: 0 14px; max-height: 119px; overflow-y: auto; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px }
.employees .employees-box3 .page-ri .c_down ul li { font-size: 14px; color: #888; height: 30px; line-height: 30px }
@media (max-width:1470px) {
	.employees .employees-box3 .page-ri .c_down ul li { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .page-ri .c_down ul li { font-size: 12px }
}
.employees .employees-box3 .tab_ul { margin-top: min(2.604166666666667vw, 50px) }
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul { margin-top: 25px }
}
.employees .employees-box3 .tab_ul li { padding: 0 min(4.166666666666666vw, 80px) 0 min(1.9791666666666665vw, 38px); background-color: #fff; margin-bottom: min(0.7291666666666666vw, 14px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li { padding: 0 40px 0 19px }
}
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li { margin-bottom: 7px }
}
.employees .employees-box3 .tab_ul li .top { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 84px; cursor: pointer }
.employees .employees-box3 .tab_ul li .top .tit { font-size: 20px; color: #000; width: 36%; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.employees .employees-box3 .tab_ul li .top .tit { font-size: 15px }
}
@media (max-width:1470px) {
	.employees .employees-box3 .tab_ul li .top .tit { font-size: 14px }
}
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li .top .tit { font-size: 12px }
}
.employees .employees-box3 .tab_ul li .top .position { font-size: 14px; color: #858585; width: 27.5%; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1470px) {
	.employees .employees-box3 .tab_ul li .top .position { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .top .position { font-size: 12px }
}
.employees .employees-box3 .tab_ul li .top .seat { font-size: 14px; color: #858585; padding-left: 32px; background: url(../images/employees/ico-seat.png) no-repeat left center; background-size: 22px 24px; width: 27.5%; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
@media (max-width:1470px) {
	.employees .employees-box3 .tab_ul li .top .seat { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .top .seat { font-size: 12px }
}
.employees .employees-box3 .tab_ul li .top .ico { width: 30px; height: 84px; position: absolute; right: 0; margin-right: min(1.875vw, 36px); top: 0 }
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li .top .ico { margin-right: 18px }
}
.employees .employees-box3 .tab_ul li .top .ico::before { content: ''; width: 100%; height: 100%; background: url(../images/employees/employees-box3-ico.png) no-repeat center; position: absolute; right: 0; top: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.employees .employees-box3 .tab_ul li .bom { display: none; padding-bottom: min(1.0416666666666665vw, 20px) }
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li .bom { padding-bottom: 10px }
}
.employees .employees-box3 .tab_ul li .bom h6:first-child { margin: 0 }
.employees .employees-box3 .tab_ul li .bom h6 { font-size: 16px; color: #3e444d; line-height: 36px; margin-top: min(0.625vw, 12px) }
@media (max-width:1600px) {
	.employees .employees-box3 .tab_ul li .bom h6 { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .bom h6 { font-size: 12px }
}
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li .bom h6 { margin-top: 6px }
}
.employees .employees-box3 .tab_ul li .bom,
.employees .employees-box3 .tab_ul li .bom p { font-size: 14px; color: #999; line-height: 26px }
@media (max-width:1470px) {
	.employees .employees-box3 .tab_ul li .bom p { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .bom p { font-size: 12px }
}
.employees .employees-box3 .tab_ul li .bom h4 { font-size: 16px; color: #00a0e9; line-height: 36px; margin-top: min(0.625vw, 12px) }
@media (max-width:1600px) {
	.employees .employees-box3 .tab_ul li .bom h4 { font-size: 14px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .bom h4 { font-size: 12px }
}
@media (max-width:1024px) {
	.employees .employees-box3 .tab_ul li .bom h4 { margin-top: 6px }
}
.employees .employees-box3 .tab_ul li .bom h5 { font-size: 14px; color: #00a0e9; line-height: 26px }
@media (max-width:1470px) {
	.employees .employees-box3 .tab_ul li .bom h5 { font-size: 12px }
}
@media (max-width:768px) {
	.employees .employees-box3 .tab_ul li .bom h5 { font-size: 12px }
}
.employees .employees-box3 .tab_ul li.on .top .ico::before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg) }
@media (max-width:1600px) {
	.employees .employees-box1 .wrap-box { margin-top: 50px }
	.employees .employees-box1 .wrap-box .page-title { margin-bottom: 30px }
	.employees .employees-box1 .wrap-box .top { padding: 23px 0 }
	.employees .employees-box1 .wrap-box .top .tit { font-size: 16px; padding: 0 30px }
	.employees .employees-box1 .wrap-box .top .tit em { top: -2px }
	.employees .employees-box1 .wrap-box .top .ico { margin-top: 0 }
	.employees .employees-box1 .wrap-box .bom p { font-size: 14px; line-height: 24px }
	.employees .employees-box1 .wrap-box .item .ico { max-width: 30px; top: 22px }
	.employees .employees-box1 .wrap-box .item h3 { font-size: 16px }
	.employees .employees-box2 { min-height: 640px; padding-top: 80px }
	.employees .employees-box2 .gallery { height: 640px }
	.employees .employees-box2 .employees-slide { height: 300px }
	.employees .employees-box2 .employees-slide .swiper-slide { height: 300px }
}
@media (max-width:1560px) {
	.employees .employees-box1 .tab_ul li .top .tit em { top: 0 }
}
@media (max-width:1200px) {
	.employees .employees-box1 { padding: 50px 0 }
	.employees .employees-box1 .wrap-box { margin-top: 50px }
	.employees .employees-box1 .wrap-box .ri { width: 46.2% }
	.employees .employees-box2 { min-height: 540px; padding-top: 80px }
	.employees .employees-box2 .gallery { height: 540px }
	.employees .employees-box2 .employees-slide { height: 240px; margin-right: 10px }
	.employees .employees-box2 .employees-slide .swiper-slide { height: 240px }
	.employees .employees-box2 .tab-wrap { right: -37px }
}
@media (max-width:1024px) {
	.employees .employees-box1 .item { padding: 17.5px 17.5px 17.5px 88px }
}
@media (max-width:990px) {
	.employees .employees-box1 .wrap-box { margin-top: 40px }
	.employees .employees-box1 .wrap-box .le { float: none; width: auto }
	.employees .employees-box1 .wrap-box .ri { margin-top: 30px; float: none; width: auto }
	.employees .employees-box1 .wrap-box .tab_ul .top { padding: 12px 0 }
	.employees .employees-box1 .wrap-box .tab_ul .top .tit { font-size: 14px; padding: 0 30px 0 20px }
	.employees .employees-box1 .wrap-box .tab_ul .top .tit em { font-size: 14px; top: 0 }
	.employees .employees-box1 .wrap-box .tab_ul .top .ico { width: 10px; height: 10px }
	.employees .employees-box1 .wrap-box .tab_ul .top .ico span { width: 10px }
	.employees .employees-box1 .wrap-box .tab_ul .bom h6 { font-size: 14px }
	.employees .employees-box2 { min-height: auto; padding-top: 50px }
	.employees .employees-box2 .tab-name { margin: 10px 0 40px }
	.employees .employees-box2 .tab-wrap { overflow: hidden; height: 540px; position: relative; right: 0; padding: 0 40px; margin-top: 30px; width: 100% }
	.employees .employees-box2 .tab-wrap .employees-slide { float: none; display: inline-block }
	.employees .employees-box2 .gallery { height: 540px }
	.employees .employees-box3 { padding: 50px 0 }
	.employees .employees-box3 .tab_ul li { padding: 0 50px 0 30px }
	.employees .employees-box3 .tab_ul li .top { line-height: 45px }
	.employees .employees-box3 .tab_ul li .top .seat { background-size: 16px 17px; padding-left: 24px }
	.employees .employees-box3 .tab_ul li .top .ico { right: 16px; height: 45px }
	.employees .employees-box3 .tab_ul li .top .ico::before { background-size: 16px 11px }
	.employees .employees-box3 .tab_ul li .bom p, .employees .employees-box3 .tab_ul li .bom h6, .employees .employees-box3 .tab_ul li .bom h4 { line-height: 24px }
}
@media (max-width:768px) {
	.employees .employees-box1 .item { padding: 17.5px 17.5px 17.5px 65px }
	.employees .employees-box1 .item .ico { left: 17px }
	.employees .employees-box2 .tab-name a { line-height: 34px }
	.employees .employees-box2 .tab-wrap { width: 100%; height: 450px; padding: 0 17.5px }
	.employees .employees-box2 .tab-wrap .employees-slide { height: 200px; margin-right: 5px }
	.employees .employees-box2 .tab-wrap .employees-slide .swiper-slide { height: 200px }
	.employees .employees-box2 .gallery { height: 450px }
	.employees .employees-box2 .image { padding: .2rem }
}
@media (max-width:480px) {
	.employees .employees-box2 .tab-wrap { width: 100%; padding: 0; white-space: nowrap; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
	.employees .employees-box3 .page-title { display: block }
	.employees .employees-box3 .page-title .page-ri { margin-top: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
	.employees .employees-box3 .page-title .page-ri .c_down { width: 48%; margin-left: 0 }
	.employees .employees-box3 .tab_ul { margin-top: 30px }
	.employees .employees-box3 .tab_ul li { padding: 0 30px 0 20px }
	.employees .employees-box3 .tab_ul li .top .tit { width: 50% }
	.employees .employees-box3 .tab_ul li .top .position { width: 45% }
	.employees .employees-box3 .tab_ul li .top .seat { display: none }
	.employees .employees-box3 .tab_ul li .top .ico { right: 3px }
}
.about .about-box1 { width: 100%; min-height: 100vh; position: relative; margin-top: -80px; }
.about .about-box1 .pin-spacer { margin: 0 !important; height: auto !important; padding: 0 !important }
.about .about-box1 #page1>.content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
@media (max-width:768px) {
	.about .about-box1 #page1>.content { padding: 0; display: block }
}
.about .about-box1 .about-title-box { width: 45%; height: 100vh; position: sticky; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.about .about-box1 .test { height: 100vh; width: 100%; background: url(../images/about/about_img.jpg) no-repeat center; background-size: cover; overflow: hidden; position: relative; top: 0 !important; left: 0; z-index: 9; transform: none !important }
.about .about-box1 .banner-ico { width: 100%; height: 100vh; background: url(../images/about/banner-ico6.png) no-repeat center; background-size: 35%; position: absolute; top: 0; left: 0; transform: scale(1); z-index: 10; }
.about .about-box1 .banner-mb { width: 100%; height: 100%; /*background: url(../images/about/banner.jpg) no-repeat center; background-size: cover;*/ position: absolute; top: 0; left: 0;
/*mix-blend-mode: darken*/ background-size: cover !important;
}
.about .about-box1 .banner-mb2 { width: 100%; height: 100%; background: url(../images/about/banner-ico6.svg) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; display: none; }
.about .about-box1 .about-box1-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/about/about_img.jpg) no-repeat center; background-size: cover; opacity: 0 }
.about .about-box1 .video_area .pin-spacer { width: 100%; height: auto !important; padding: 0 !important; margin: 0 !important }
.about .about-box1 .fixed_video { position: fixed; right: 0; top: 0; margin-top: 0; max-width: 100% !important; width: 100% !important; height: 100%; z-index: 1; transform: none !important }
.about .about-box1 .width_video {   /* max-width: 1920px !important;*/
	margin: auto; position: relative; width: 100%; height: 100vh; text-align: center; overflow: hidden; z-index: 1; background: url(../images/about/about_img.jpg) no-repeat center; background-size: cover !important; }
.about .about-box1 .width_video::before { content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 50%; margin-left: .5px; opacity: .1 }
.about .about-box1 .width_video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover }
.about .about-box1 .wedo_inner { position: relative; z-index: 6 }
.about .about-box1 .about_title { width: 100%; display: none }
.about .about-box1 .about_title .item { width: 100% }
.about .about-box1 .about_title .item .title_box { width: 100%; height: auto }
.about .about-box1 .about_title .item .title_box .title { font-size: 48px; color: #fff; line-height: 1; font-weight: 400 }
@media (max-width:1600px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 40px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 39px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 33px }
}
@media (max-width:768px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 25px }
}
.about .about-box1 .about_title .item .title_box .subtitle { min-height: 285px; padding: min(1.3020833333333335vw, 25px) 0 min(1.3020833333333335vw, 25px) }
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .subtitle { padding: 12.5px 0 12.5px 0 }
}
.about .about-box1 .about_title .item .title_box .subtitle p { font-size: 22px; color: #fff; line-height: 1.4; font-weight: 100 }
@media (max-width:1600px) {
	.about .about-box1 .about_title .item .title_box .subtitle p { font-size: 18px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_title .item .title_box .subtitle p { font-size: 16px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .subtitle p { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box1 .about_title .item .title_box .subtitle p { font-size: 12px }
}
.about .about-box1 .about_title .item .title_box .subtitle li { position: relative; font-size: 22px; color: #fff; line-height: 2.2; padding-left: 20px; font-weight: 100 }
@media (max-width:1600px) {
	.about .about-box1 .about_title .item .title_box .subtitle li { font-size: 18px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_title .item .title_box .subtitle li { font-size: 16px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .subtitle li { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box1 .about_title .item .title_box .subtitle li { font-size: 12px }
}
.about .about-box1 .about_title .item .title_box .subtitle li::before { content: ''; width: 10px; height: 10px; border: 1px solid #008bd5; position: absolute; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
.about .about-box1 .about_title .item .title_box .more { display: inline-block; background-color: #008bd5; border-radius: 12px; font-size: 14px; color: #fff; line-height: 48px; padding: 0 min(3.229166666666667vw, 62px) 0 min(0.9375vw, 18px); position: relative }
@media (max-width:1470px) {
	.about .about-box1 .about_title .item .title_box .more { font-size: 12px }
}
@media (max-width:768px) {
	.about .about-box1 .about_title .item .title_box .more { font-size: 12px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .more { padding: 0 31px 0 9px }
}
.about .about-box1 .about_title .item .title_box .more::before { content: ''; width: 20px; height: 100%; background: url(../images/index/index-box6-btn.png) no-repeat center; position: absolute; right: 0; margin-right: min(1.0416666666666665vw, 20px); top: 0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out }
@media (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .more::before { margin-right: 10px }
}
.about .about-box1 .about_title .item .title_box .more:hover::before { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px) }
.about .about-box1 .about_title.active { display: block; animation: fadeInUp .8s linear forwards; -webkit-animation: fadeInUp .8s linear forwards }
.about .about-box1 .about_box_active { width: 50%; height: auto }
@media (max-width:768px) {
	.about .about-box1 .about_box_active { width: 100% }
}
.about .about-box1 .about_box_active .about_box { opacity: .3; transition: all .3s ease; }
.about .about-box1 .about_box_active .about_box.active { opacity: 1; }
.about .about-box1 .about_box { width: 100%; height: auto; display: flex; justify-content: space-between }
.about .about-box1 .about_box .about_list { width: 100%; height: auto }
.about .about-box1 .about_box .about_list .title_box_m { display: none }
.about .about-box1 .about_box .about_list .item { width: 100%; height: auto }
.about .about-box1 .about_box .about_list .item .one { width: 100%; height: auto; min-height: 39.59259vh; padding: 4.93827vh; position: relative }
.about .about-box1 .about_box .about_list .item .one .number { font-family: 'Euclid-Square'; font-size: 18px; color: #fff; line-height: 1 }
@media (max-width:1600px) {
	.about .about-box1 .about_box .about_list .item .one .number { font-size: 16px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_box .about_list .item .one .number { font-size: 13px }
}
@media (max-width:768px) {
	.about .about-box1 .about_box .about_list .item .one .number { font-size: 12px }
}
.about .about-box1 .about_box .about_list .item .one .title { font-family: 'Bahnschrift'; font-size: 48px; color: #fff; line-height: 1; margin: 6.79012vh 0 1.9753vh }
@media (max-width:1600px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 40px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 39px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 33px }
}
@media (max-width:768px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 25px }
}
.about .about-box1 .about_box .about_list .item .one .details { max-width: 78% }
.about .about-box1 .about_box .about_list .item .one .details p { font-size: 16px; color: #fff; line-height: 24px }
@media (max-width:1600px) {
	.about .about-box1 .about_box .about_list .item .one .details p { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box1 .about_box .about_list .item .one .details p { font-size: 12px }
}
.about .about-box1 .about_box .about_list .item .one::before { content: ''; width: calc(50vw - 17px); -webkit-width: calc(50vw - 17px); height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; opacity: .1 }
.about .about-box1 .about_box .about_list .item .one::after { content: ''; width: 3px; height: 3px; background-color: #fff; position: absolute; top: -1.5px; left: -1.5px }
.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-family: "-apple-system", "BlinkMacSystemFont", "PingFang SC", "Helvetica", "Microsoft YaHei", arial; font-size: 36px; color: #fff; line-height: 1.2 }
@media (max-width:1600px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 32px }
}
@media (max-width:1470px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 28px }
}
@media (max-width:1024px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 24px }
}
@media (max-width:768px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 20px }
}
.about .about-box3 { padding: min(5.729166666666666vw, 110px) 0 min(7.291666666666667vw, 140px); overflow: hidden; background-color: #fff; position: relative; z-index: 1 }
@media (max-width:1024px) {
	.about .about-box3 { padding: 55px 0 70px 0 }
}
.about .about-box3 .wrap-box { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.about .about-box3 .wrap-box .le { width: 35%; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.about .about-box3 .wrap-box .le .le-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-align-content: space-between; align-content: space-between }
.about .about-box3 .wrap-box .le .page-title { width: 100% }
.about .about-box3 .wrap-box .le .list .item { position: relative; padding-left: 102px; min-height: 68px }
.about .about-box3 .wrap-box .le .list .item .ico { max-width: 73px; position: absolute; top: 0; left: 0 }
.about .about-box3 .wrap-box .le .list .item h3 { font-size: 22px; color: #000; line-height: 1.4; margin-bottom: 6px }
@media (max-width:1600px) {
	.about .about-box3 .wrap-box .le .list .item h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.about .about-box3 .wrap-box .le .list .item h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.about .about-box3 .wrap-box .le .list .item h3 { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box3 .wrap-box .le .list .item h3 { font-size: 12px }
}
.about .about-box3 .wrap-box .le .list .item p { font-size: 16px; color: #747e82; line-height: 24px }
@media (max-width:1600px) {
	.about .about-box3 .wrap-box .le .list .item p { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box3 .wrap-box .le .list .item p { font-size: 12px }
}
.about .about-box3 .wrap-box .le .list .item+.item { margin-top: min(2.4479166666666665vw, 47px) }
@media (max-width:1024px) {
	.about .about-box3 .wrap-box .le .list .item+.item { margin-top: 23.5px }
}
.about .about-box3 .wrap-box .ri { width: 65% }
.about .about-box3 .wrap-box .ri .list { margin-left: -8px; margin-right: -8px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.about .about-box3 .wrap-box .ri .list .li { width: 50%; padding: 0 8px }
.about .about-box3 .wrap-box .ri .list .li.li-le .pb { padding-bottom: 65.5% }
.about .about-box3 .wrap-box .ri .list .li.li-ri .pb { padding-bottom: 134% }
.about .about-box3 .wrap-box .ri .list .li.li-ri .pb img { height: 100%; object-fit: cover }
.about .about-box3 .wrap-box .ri .list .li.li-le { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-align-content: space-between; align-content: space-between }
.about .about-box3 .wrap-box .ri .list .item { width: 100% }
.about .about-box3 .wrap-box .ri .list .item .img { width: 100%; position: relative; overflow: hidden; border-radius: 12px }
.about .about-box3 .wrap-box .ri .list .item .img::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #008bd5; background: -webkit-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -moz-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -o-linear-gradient(0deg, #008bd5 0, transparent 60%); background: -ms-linear-gradient(0deg, #008bd5 0, transparent 60%); background: linear-gradient(0deg, #008bd5 0, transparent 60%) }
.about .about-box3 .wrap-box .ri .list .item .text { position: absolute; left: 0; bottom: 0; margin-bottom: min(1.7708333333333333vw, 34px); padding: 0 min(1.40625vw, 27px) 0 min(1.40625vw, 27px); width: 100%; z-index: 2 }
@media (max-width:1024px) {
	.about .about-box3 .wrap-box .ri .list .item .text { margin-bottom: 17px }
}
@media (max-width:1024px) {
	.about .about-box3 .wrap-box .ri .list .item .text { padding: 0 13.5px 0 13.5px }
}
.about .about-box3 .wrap-box .ri .list .item .text h3 { font-size: 18px; color: #fff; line-height: 1.4; margin-bottom: min(0.3125vw, 6px) }
@media (max-width:1600px) {
	.about .about-box3 .wrap-box .ri .list .item .text h3 { font-size: 16px }
}
@media (max-width:1470px) {
	.about .about-box3 .wrap-box .ri .list .item .text h3 { font-size: 13px }
}
@media (max-width:768px) {
	.about .about-box3 .wrap-box .ri .list .item .text h3 { font-size: 12px }
}
@media (max-width:1024px) {
	.about .about-box3 .wrap-box .ri .list .item .text h3 { margin-bottom: 3px }
}
.about .about-box3 .wrap-box .ri .list .item .text p { font-size: 16px; color: #fff; line-height: 24px; opacity: .8 }
@media (max-width:1600px) {
	.about .about-box3 .wrap-box .ri .list .item .text p { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box3 .wrap-box .ri .list .item .text p { font-size: 12px }
}
.about .about-box4 { position: relative; overflow: hidden; min-height: 100vh }
.about .about-box4 .pin-spacer { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; pointer-events: none; }
@media (max-width:768px) {
    .about .about-box4 .pin-spacer{position: static !important;}
    .about .about-box4 .about-box4-le{margin-top: 0 !important; width: 100% !importan; }
}
.about .about-box4 .vision_area { position: static; z-index: 1; overflow: hidden }
.about .about-box4 .video_area { position: static; left: 0; top: 0; margin: 0 auto; height: 18.6vh }
.about .about-box4 .video_area .pin-spacer { width: 100% !important }
.about .about-box4 .fixed_video { position: absolute; right: 0; top: 0; margin-top: 0; max-width: 100% !important; width: 100% !important; height: 100%; z-index: 1 }
.about .about-box4 .width_video { position: relative; width: 100%; height: 100vh; text-align: center; overflow: hidden; z-index: 1; background: url(../images/about/about-box4-bg.jpg) no-repeat center; background-size: cover }
.about .about-box4 .width_video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover }
.about .about-box4 .wedo_inner { position: relative; z-index: 1 }
.about .about-box4 .list { padding: 50px 0; position: relative; opacity: .3; transition: all .3s ease; }
.about .about-box4 .list.active { opacity: 1; }
.about .about-box4 .list::after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, #fff, transparent); }
.about .about-box4 .list .item:first-child ~ .item { margin-top: min(2.2916666666666665vw, 44px) }
@media (max-width:1024px) {
	.about .about-box4 .list .item:first-child ~ .item { margin-top: 22px; }
}
.about .about-box4 .item .date { font-family: 'Euclid-Square'; font-size: 18px; color: #fff; line-height: 1; margin-bottom: min(0.15625vw, 3px) }
@media (max-width:1600px) {
	.about .about-box4 .item .date { font-size: 16px }
}
@media (max-width:1470px) {
	.about .about-box4 .item .date { font-size: 13px }
}
@media (max-width:768px) {
	.about .about-box4 .item .date { font-size: 12px }
}
@media (max-width:1024px) {
	.about .about-box4 .item .date { margin-bottom: 1.5px }
}
.about .about-box4 .item p { font-size: 16px; color: #fff; line-height: 24px }
@media (max-width:1600px) {
	.about .about-box4 .item p { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box4 .item p { font-size: 12px }
}
.about .about-box4 .page-title h1 { color: #fff }
.about .about-box4 .list-year { margin: 12.6vh 0 7vh;  pointer-events: initial;}
.about .about-box4 .list-year .name { margin-bottom: min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.about .about-box4 .list-year .name { margin-bottom: 15px }
}
.about .about-box4 .list-year .name a { position: relative; display: inline-block; padding-bottom: min(0.3125vw, 6px); font-family: 'Euclid-Square'; font-size: 36px; color: #90a0b8; line-height: 1.2 }
@media (max-width:1024px) {
	.about .about-box4 .list-year .name a { padding-bottom: 3px }
}
@media (max-width:1600px) {
	.about .about-box4 .list-year .name a { font-size: 30px }
}
@media (max-width:1470px) {
	.about .about-box4 .list-year .name a { font-size: 24px }
}
@media (max-width:1024px) {
	.about .about-box4 .list-year .name a { font-size: 21px }
}
@media (max-width:768px) {
	.about .about-box4 .list-year .name a { font-size: 20px }
}
.about .about-box4 .list-year .name a::before { content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .4s; transition: all .4s }
.about .about-box4 .list-year .name:last-child { margin: 0 }
.about .about-box4 .list-year .name.active a{ color: #fff }
.about .about-box4 .list-year .name.active a::before { width: 100% }
.about .about-box4 .about-box4-le { position: absolute;  left: 0; z-index: 2 }
.about .about-box4 .about-box4-le .img { border-radius: 12px; overflow: hidden }
.about .about-box4 .about-box4-le .year-box { position: absolute; top: 14vh; left: 81%; overflow: hidden;opacity:0; }
.about .about-box4 .about-box4-le .year { font-family: 'Euclid-Square'; font-size: 150px; color: #fff; line-height: 1; display: none }
@media (max-width:1600px) {
	.about .about-box4 .about-box4-le .year { font-size: 140px }
}
@media (max-width:1560px) {
	.about .about-box4 .about-box4-le .year { font-size: 130px }
}
@media (max-width:1470px) {
	.about .about-box4 .about-box4-le .year { font-size: 120px }
}
@media (max-width:1366px) {
	.about .about-box4 .about-box4-le .year { font-size: 110px }
}
@media (max-width:1200px) {
	.about .about-box4 .about-box4-le .year { font-size: 100px }
}
@media (max-width:1024px) {
	.about .about-box4 .about-box4-le .year { font-size: 90px }
}
@media (max-width:768px) {
	.about .about-box4 .about-box4-le .year { font-size: 64px }
}
@media (max-width:480px) {
	.about .about-box4 .about-box4-le .year { font-size: 50px }
}
@media (max-width:360px) {
	.about .about-box4 .about-box4-le .year { font-size: 40px }
}
.about .about-box4 .about-box4-le .year.active { display: block; animation: fadeInUp .4s linear forwards; -webkit-animation: fadeInUp .4s linear forwards }
.about .about-box4 .about-box4-ri { padding-left: 66.666%; position: relative; padding-top: 150px }


.about .about-box4 .about-box4-ri #year1,
.about .about-box4 .about-box4-ri #year2,
.about .about-box4 .about-box4-ri #year3
{max-height: 50vh; overflow: auto;scrollbar-width: thin;scrollbar-color: #00a0e9 transparent; opacity: 0; display: none;}


.about .about-box4 .about-box4-ri .list-box.active{opacity: 1 !important; display: block !important;}
.about .about-box4 .about-box4-ri .list-box.active .list{opacity:1!important;}
/*.about .about-box4 .about-box4-ri #year1::-webkit-scrollbar,*/
/*.about .about-box4 .about-box4-ri #year2::-webkit-scrollbar,*/
/*.about .about-box4 .about-box4-ri #year3::-webkit-scrollbar {*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  background-color: #000;*/
  /*scrollbar-width: thin;*/
  /*scrollbar-color: #00a0e9 transparent;*/
/*}*/
.about .about-box4 .about-box4-ri #year1::-webkit-scrollbar::-webkit-scrollbar-thumb,
.about .about-box4 .about-box4-ri #year2::-webkit-scrollbar::-webkit-scrollbar-thumb,
.about .about-box4 .about-box4-ri #year3::-webkit-scrollbar::-webkit-scrollbar-thumb {
  background-color: #00a0e98a;
  border-radius: 10px;
}
.about .about-box4 .about-box4-ri #year1::-webkit-scrollbar,
.about .about-box4 .about-box4-ri #year2::-webkit-scrollbar,
.about .about-box4 .about-box4-ri #year3::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff9b;
}
.about .about-box4 .about-box4-ri #year1::-webkit-scrollbar-thumb,
.about .about-box4 .about-box4-ri #year2::-webkit-scrollbar-thumb,
.about .about-box4 .about-box4-ri #year3::-webkit-scrollbar-thumb {
  background-color: #00a0e98a;
  border-radius: 10px;
}
.about .about-box4 .about-box4-ri #year1::-webkit-scrollbar-track,
.about .about-box4 .about-box4-ri #year2::-webkit-scrollbar-track,
.about .about-box4 .about-box4-ri #year3::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.26);
}
.about .about-box4 .about-box4-ri::before { content: ''; width: 100%; max-width: 1260px; height: 1px; background: url(../images/about/about-box4-line.png) no-repeat left center; position: absolute; margin-left: 50%; left: -640px; top: 74px }
.about .about-box5 { background-color: #f5f7f7; padding: min(6.510416666666667vw, 125px) 0 min(7.03125vw, 135px); overflow: hidden; position: relative; z-index: 1 }
@media (max-width:1024px) {
	.about .about-box5 { padding: 62.5px 0 67.5px 0 }
}
.about .about-box5 .tab-name { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; font-size: 0; display: inline-block; position: relative }
.about .about-box5 .tab-name a { position: relative; font-size: 16px; color: #000; line-height: 48px; display: inline-block; padding: 0 min(1.8229166666666667vw, 35px) 0 min(1.8229166666666667vw, 35px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1600px) {
	.about .about-box5 .tab-name a { font-size: 14px }
}
@media (max-width:768px) {
	.about .about-box5 .tab-name a { font-size: 12px }
}
@media (max-width:1024px) {
	.about .about-box5 .tab-name a { padding: 0 17.5px 0 17.5px }
}
.about .about-box5 .tab-name a.on { background-color: #00a0e9; color: #fff }
.about .about-box5 .tab-name::before { content: ''; width: 100%; width: -moz-calc(98%); width: -webkit-calc(98%); width: calc(98%); height: 100%; height: -moz-calc(97%); height: -webkit-calc(97%); height: calc(97%); position: absolute; left: 0; top: 0; border: 1px solid #e5e5e5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
.about .about-box5 .swiper-box5 { width: 100%; margin-top: min(2.604166666666667vw, 50px); position: relative }
@media (max-width:1024px) {
	.about .about-box5 .swiper-box5 { margin-top: 25px }
}
.about .about-box5 .swiper-box5 .slide-btn { width: 60px; height: 60px; background: no-repeat center #eee; border-radius: 50% }
.about .about-box5 .swiper-box5 .slide-btn.swiper-button-prev { background-image: url(../images/portal/prev.png); left: -100px }
.about .about-box5 .swiper-box5 .slide-btn.swiper-button-next { background-image: url(../images/portal/next.png); right: -100px }
.about .about-box5 .swiper-box5 .slide-btn:hover { background-color: #008bd5 }
.about .about-box5 .swiper-box5 .slide-btn.swiper-button-prev:hover { background-image: url(../images/portal/-prev.png) }
.about .about-box5 .swiper-box5 .slide-btn.swiper-button-next:hover { background-image: url(../images/portal/-next.png) }
.about .about-box5 .swiper-slide5 { position: relative; margin-left: -10px; margin-right: -10px; overflow: hidden }
.about .about-box5 .swiper-slide5 .swiper-slide { -webkit-transition: 300ms; transition: 300ms; -webkit-transform: scale(.9); transform: scale(.9) }
.about .about-box5 .swiper-slide5 .swiper-slide .img { background-color: #fff; border-radius: 12px; padding: min(0.7291666666666666vw, 14px) 0 min(0.7291666666666666vw, 14px); padding-left: min(0.7291666666666666vw, 14px); padding-right: min(0.7291666666666666vw, 14px); position: relative }
@media (max-width:1024px) {
	.about .about-box5 .swiper-slide5 .swiper-slide .img { padding: 7px 0 7px 0 }
}
@media (max-width:1024px) {
	.about .about-box5 .swiper-slide5 .swiper-slide .img { padding-left: 7px }
}
@media (max-width:1024px) {
	.about .about-box5 .swiper-slide5 .swiper-slide .img { padding-right: 7px }
}
.about .about-box5 .swiper-slide5 .swiper-slide.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1) }
@media (max-width:1600px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 40px }
	.about .about-box1 .about_title .item .title_box .subtitle { min-height: 250px }
	.about .about-box1 .about_title .item .title_box .subtitle li::before { width: 5px; height: 5px; margin-top: -3.5px }
	.about .about-box1 .about_title .item .title_box .more { font-size: 12px }
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 40px }
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 36px }
	.about .about-box3 .wrap-box .le .list .item { padding-left: 60px; min-height: auto }
	.about .about-box3 .wrap-box .le .list .item .ico { max-width: 45px }
	.about .about-box4 .list-year { margin: 10vh 0 6vh }
	.about .about-box4 .about-box4-le .year-box { left: 90% }
	.about .about-box5 .swiper-box5 .slide-btn.swiper-button-prev { left: 10px }
	.about .about-box5 .swiper-box5 .slide-btn.swiper-button-next { right: 10px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 38px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 33px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 29px }
}
@media (max-width:1600px) and (max-width:768px) {
	.about .about-box1 .about_title .item .title_box .title { font-size: 24px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 38px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 33px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 29px }
}
@media (max-width:1600px) and (max-width:768px) {
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 24px }
}
@media (max-width:1600px) and (max-width:1600px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 32px }
}
@media (max-width:1600px) and (max-width:1470px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 28px }
}
@media (max-width:1600px) and (max-width:1024px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 24px }
}
@media (max-width:1600px) and (max-width:768px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 20px }
}
@media (max-width:1280px) {
	.about .about-box1 .about-title-box { padding-left: 40px }
	.about .about-box3 .wrap-box .le .list .item+.item { margin-top: 20px }
	.about .about-box4 .video_area { height: 10vh }
	.about .about-box4 .about-box4-le { padding-left: 40px }
	.about .swiper-box5 .slide-btn { display: none }
}
@media (max-width:1200px) {
	.about .about-box3 { padding: 50px 0 }
	.about .about-box3 .wrap-box { display: block }
	.about .about-box3 .wrap-box .le { float: none; width: 100%; display: block; padding-right: 0 }
	.about .about-box3 .wrap-box .le .le-box { display: block }
	.about .about-box3 .wrap-box .le .list { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
	.about .about-box3 .wrap-box .le .list .item { width: 33.3333%; padding-left: 50px; padding-right: 10px }
	.about .about-box3 .wrap-box .le .list .item+.item { margin-top: 0 }
	.about .about-box3 .wrap-box .ri { width: 100%; max-width: 770px; float: none }
	.about .about-box4 .list-year { margin: 8vh 0 4vh }
	.about .about-box4 .about-box4-ri::before { max-width: auto; margin-left: 0; left: 0 }
	.about .about-box5 { padding: 50px 0 }
	.about .about-box5 .tab-name a { line-height: 32px }
}
@media (max-width:990px) {
	.about .about-box3 .wrap-box .le .list { margin: 20px 0 0 }
	.about .about-box3 .wrap-box .le .list .item { width: 50%; margin-bottom: 20px }
	.about .about-box4 .about-box4-le .year-box { left: 69% }
}
@media (max-width:768px) {
	.about .about-box1 { margin-top: -65px }
	.about .about-box1 .test, .about .about-box1 .banner-ico { height: 114vh }
	.about .about-box1 .width_video::before { left: 17.5px; margin-left: 0; opacity: .5 }
	.about .about-box1 .about-title-box { display: none }
	.about .about-box1 .about_box { width: auto; padding-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); position: relative; margin-right: -17.5px; padding-right: 17.5px }
	.about .about-box1 .about_box .about_list .title_box_m { display: block; padding: 30px 0 20px 15px }
	.about .about-box1 .about_box .about_list .title_box_m .title { font-size: 30px; color: #fff; line-height: 1; font-weight: bold }
	.about .about-box1 .about_box .about_list .title_box_m .subtitle { padding: 20px 0 }
	.about .about-box1 .about_box .about_list .title_box_m .subtitle p { font-size: 16px; color: #fff; line-height: 24px }
	.about .about-box1 .about_box .about_list .title_box_m .subtitle li { font-size: 16px; line-height: 30px; position: relative; color: #fff; padding-left: 20px; font-weight: 100 }
	.about .about-box1 .about_box .about_list .title_box_m .subtitle li::before { content: ''; width: 5px; height: 5px; top: 12px; border: 1px solid #008bd5; position: absolute; left: 0; border-radius: 50% }
	.about .about-box1 .about_box .about_list .title_box_m .more { display: inline-block; background-color: #008bd5; border-radius: 12px; font-size: 14px; color: #fff; line-height: 32px; padding: 0 min(3.6458333333333335vw, 70px) 0 min(1.0416666666666665vw, 20px); position: relative }
	.about .about-box1 .about_box .about_list .title_box_m .more::before { content: ''; width: 20px; height: 100%; background: url(../images/index/index-box6-btn.png) no-repeat center; background-size: 13px 8px; position: absolute; right: 0; margin-right: min(1.0416666666666665vw, 20px); top: 0 }
	.about .about-box1 .about_box .about_list .item .one { padding: 30px 0 30px 15px; min-height: auto }
	.about .about-box1 .about_box .about_list .item .one .number { font-size: 16px }
	.about .about-box1 .about_box .about_list .item .one .title { font-size: 18px; margin: 20px 0 8px }
	.about .about-box1 .about_box .about_list .item .one .details { max-width: 100% }
	.about .about-box1 .about_box .about_list .item .one::before, .about .about-box1 .about_box .about_list .item .one::after { display: none }
	.about .about-box1 .about_box::after { content: ''; width: 3px; height: 3px; background-color: #fff; position: absolute; top: -2px; left: -1px }
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 26px; color: #fff; line-height: 1.2 }
	.about .about-box4 .about-box4-le { padding-left: 17.5px }
	.about .about-box4 .about-box4-le .year-box { position: static }
	.about .about-box4 .about-box4-ri{ padding-top: 0;}
	.about .about-box4 .about-box4-le .year { font-size: 24px }
	.about .about-box4 .about-box4-le .img { display: none }
	.about .about-box4{ min-height: auto !important; padding-bottom: 30px;}
	.about .about-box4 .about-box4-ri { width: 100%; padding-left: 17.5px;}
	.about .about-box4 .about-box4-le{position: static;}
	.about .about-box4 .list-year{ display: flex; grid-gap: 0 20px; margin: 20px 0 10px;}
	.about .about-box5 .swiper-box5 { margin-top: 30px }
	.about .about-box4 .list:first-child{padding-top: 0;}
	.about .about-box5 .swiper-slide5 { margin-left: 0; margin-right: 0 }
	.about .about-box5 .swiper-slide5 .swiper-slide { width: 140px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: none; transition: none }
	.about .about-box5 .swiper-slide5 .swiper-slide .img .ico { width: 45px; height: 45px; position: absolute; right: 0; bottom: 0; background-color: #008bd5; border-radius: 12px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
	.about .about-box5 .swiper-slide5 .swiper-slide .img .ico::before { content: ''; width: 20px; height: 19px; background: url(../images/application/ico-big.png) no-repeat; background-size: 20px 19px; position: absolute; top: 50%; left: 50%; margin-top: -9.5px; margin-left: -10px }
}
@media (max-width:768px) and (max-width:1600px) {
	.about .about-box1 .about_box .about_list .title_box_m .title { font-size: 26px }
}
@media (max-width:768px) and (max-width:1470px) {
	.about .about-box1 .about_box .about_list .title_box_m .title { font-size: 22px }
}
@media (max-width:768px) and (max-width:1024px) {
	.about .about-box1 .about_box .about_list .title_box_m .title { font-size: 20px }
}
@media (max-width:768px) and (max-width:768px) {
	.about .about-box1 .about_box .about_list .title_box_m .title { font-size: 18px }
}
@media (max-width:768px) and (max-width:1600px) {
	.about .about-box1 .about_box .about_list .title_box_m .subtitle p { font-size: 14px }
}
@media (max-width:768px) and (max-width:768px) {
	.about .about-box1 .about_box .about_list .title_box_m .subtitle p { font-size: 12px }
}
@media (max-width:768px) and (max-width:1600px) {
	.about .about-box1 .about_box .about_list .title_box_m .subtitle li { font-size: 14px }
}
@media (max-width:768px) and (max-width:768px) {
	.about .about-box1 .about_box .about_list .title_box_m .subtitle li { font-size: 12px }
}
@media (max-width:768px) and (max-width:1470px) {
	.about .about-box1 .about_box .about_list .title_box_m .more { font-size: 12px }
}
@media (max-width:768px) and (max-width:768px) {
	.about .about-box1 .about_box .about_list .title_box_m .more { font-size: 12px }
}
@media (max-width:768px) and (max-width:1024px) {
	.about .about-box1 .about_box .about_list .title_box_m .more { padding: 0 35px 0 10px }
}
@media (max-width:768px) and (max-width:1024px) {
	.about .about-box1 .about_box .about_list .title_box_m .more::before { margin-right: 10px }
}
@media (max-width:768px) and (max-width:1600px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 23px }
}
@media (max-width:768px) and (max-width:1470px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 21px }
}
@media (max-width:768px) and (max-width:1024px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 19px }
}
@media (max-width:768px) and (max-width:768px) {
	.about .about-box1 .about_box+.about_box .about_list .item .one .title { font-size: 16px }
}
@media (max-width:480px) {
	.about .about-box3 .wrap-box .le .list .item { width: 100% }
	.about .about-box3 .wrap-box .ri .list .li { width: 100% }
	.about .about-box3 .wrap-box .ri .list .li .item { margin-top: 20px }
	.about .about-box3 .wrap-box .ri .list .li.li-ri .img { background: no-repeat center; background-size: cover }
	.about .about-box3 .wrap-box .ri .list .li.li-ri .img img { display: none }
	.about .about-box3 .wrap-box .ri .list .li.li-ri .pb { padding-bottom: 71% }
}
.contact .contact-box1 { overflow: hidden }
.contact .contact-box1 .tab_ul li { border-bottom: 1px solid #eee }
.contact .contact-box1 .tab_ul li .top { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; position: relative; padding: min(3.3854166666666665vw, 65px) 0 min(3.125vw, 60px) }
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top { padding: 32.5px 0 30px 0 }
}
.contact .contact-box1 .tab_ul li .top .city { font-size: 36px; color: #008bd5; line-height: 1.4; font-weight: 400 }
@media (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 32px }
}
@media (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 28px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 24px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 20px }
}
.contact .contact-box1 .tab_ul li .top .tit { width: 39% }
.contact .contact-box1 .tab_ul li .top .tit h3 { font-size: 24px; color: #000; line-height: 1.4; margin-bottom: min(0.5208333333333333vw, 10px) }
@media (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .tit h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .tit h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .tit h3 { font-size: 15px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .tit h3 { font-size: 14px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .tit h3 { margin-bottom: 5px }
}
.contact .contact-box1 .tab_ul li .top .tit p { font-size: 16px; color: #444; line-height: 24px }
@media (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .tit p { font-size: 14px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .tit p { font-size: 12px }
}
.contact .contact-box1 .tab_ul li .top .call { text-align: center }
.contact .contact-box1 .tab_ul li .top .call p { font-family: 'Euclid-Square'; font-size: 24px; color: #444; line-height: 1 }
@media (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .call p { font-size: 18px }
}
@media (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .call p { font-size: 16px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .call p { font-size: 15px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .call p { font-size: 14px }
}
.contact .contact-box1 .tab_ul li .top .call > a { border: 1px solid #eee; color: #000; line-height: 48px; border-radius: 24px; font-size: 14px; display: inline-block; padding: 0 min(1.875vw, 36px) 0 min(1.875vw, 36px); margin-top: min(0.9375vw, 18px); transition: all .4s; -webkit-transition: all .4s }
@media (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .call > a { font-size: 12px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .call > a { font-size: 12px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .call > a { padding: 0 18px 0 18px }
}
@media (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .call > a { margin-top: 9px }
}
.contact .contact-box1 .tab_ul li .top .call > a:hover { background-color: #008bd5; color: #fff }
.contact .contact-box1 .tab_ul li .top .ico { font-size: 14px; color: #000; line-height: 24px; text-align: center }
@media (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .ico { font-size: 12px }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .ico { font-size: 12px }
}
.contact .contact-box1 .tab_ul li .top .ico i { width: 40px; height: 40px; border: 1px solid #e7e7e7; border-radius: 50%; overflow: hidden; position: relative; display: block; margin-bottom: 3px; transition: all .4s; -webkit-transition: all .4s }
.contact .contact-box1 .tab_ul li .top .ico i::before { content: ''; width: 100%; height: 100%; background: url(../images/contact/down.png) no-repeat center; position: absolute; top: 0; left: 0 }
.contact .contact-box1 .tab_ul li .bom { position: relative; margin-top: -20px; margin-bottom: -7px;}
.contact .contact-box1 .tab_ul li .bom::before { content: ''; width: 100%; height: 19px; background: url(../images/contact/sjx.png) no-repeat center top; position: absolute; top: 0; left: 0; z-index: 9 }
.contact .contact-box1 .tab_ul li.on .top .call > a { background-color: #008bd5; color: #fff }
.contact .contact-box1 .tab_ul li.on .top .ico i { background-color: #008bd5 }
.contact .contact-box1 .tab_ul li.on .top .ico i::before { background: url(../images/contact/-down.png) no-repeat center; transform: rotateX(180deg); -webkit-transform: rotateX(180deg) }
.contact .contact-box1 .tab_ul li:last-child { border-bottom: none }
.contact .contact-box1 iframe { width: 100%; height: 560px }
.contact .contact-box2 { background: url(../images/contact/contact-box2-bg.jpg) no-repeat center; background-size: cover }
.contact .contact-box2 .content::before { display: none }
.contact .contact-box2 .down { width: 74%; border-top: 1px solid #dcdcdc; padding-top: min(1.875vw, 36px); margin-top: min(1.875vw, 36px) }
@media (max-width:1024px) {
	.contact .contact-box2 .down { padding-top: 18px }
}
@media (max-width:1024px) {
	.contact .contact-box2 .down { margin-top: 18px }
}
.contact .contact-box2 .down h3 { font-size: 24px; color: #000; position: relative; min-height: 48px; padding-left: 68px; 
/*display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center ;*/
    
}
.contact .contact-box2 .down em span {
    display: block;
}
@media (max-width:1600px) {
	.contact .contact-box2 .down h3 { font-size: 18px }
}
@media (max-width:1470px) {
	.contact .contact-box2 .down h3 { font-size: 16px }
}
@media (max-width:1024px) {
	.contact .contact-box2 .down h3 { font-size: 15px }
}
@media (max-width:768px) {
	.contact .contact-box2 .down h3 { font-size: 14px }
}
.contact .contact-box2 .down h3 em { font-family: 'Euclid-Square'; }
.contact .contact-box2 .down h3::before { content: ''; width: 48px; height: 48px; background: url(../images/contact/call-ico.png) no-repeat center; background-size: cover; position: absolute; top: 0; left: 0 }
.contact .contact-box2 .down li { margin-top: min(1.40625vw, 27px) }
@media (max-width:1024px) {
	.contact .contact-box2 .down li { margin-top: 13.5px }
}
.contact .contact-box2 .down li h5 { font-size: 18px; color: #000; margin-bottom: min(0.4166666666666667vw, 8px) }
@media (max-width:1600px) {
	.contact .contact-box2 .down li h5 { font-size: 16px }
}
@media (max-width:1470px) {
	.contact .contact-box2 .down li h5 { font-size: 13px }
}
@media (max-width:768px) {
	.contact .contact-box2 .down li h5 { font-size: 12px }
}
@media (max-width:1024px) {
	.contact .contact-box2 .down li h5 { margin-bottom: 4px }
}
.contact .contact-box2 .down li p { font-size: 16px; color: #666; line-height: 1.6 }
@media (max-width:1600px) {
	.contact .contact-box2 .down li p { font-size: 14px }
}
@media (max-width:768px) {
	.contact .contact-box2 .down li p { font-size: 12px }
}
.contact .contact-box2 .down li p em { font-family: 'Euclid-Square'; display: inline-block }
@media (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 28px }
	.contact .contact-box2 .down h3 { font-size: 20px; min-height: 34px; padding-left: 45px }
	.contact .contact-box2 .down h3::before { width: 34px; height: 34px }
}
@media (max-width:1560px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 28px }
	.contact .contact-box2 .down h3 { font-size: 24px }
}
@media (max-width:1560px) and (max-width:1600px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 24px }
}
@media (max-width:1560px) and (max-width:1470px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 20px }
}
@media (max-width:1560px) and (max-width:1024px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 18px }
}
@media (max-width:1560px) and (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top .city { font-size: 16px }
}
@media (max-width:1560px) and (max-width:1600px) {
	.contact .contact-box2 .down h3 { font-size: 18px }
}
@media (max-width:1560px) and (max-width:1470px) {
	.contact .contact-box2 .down h3 { font-size: 16px }
}
@media (max-width:1560px) and (max-width:1024px) {
	.contact .contact-box2 .down h3 { font-size: 15px }
}
@media (max-width:1560px) and (max-width:768px) {
	.contact .contact-box2 .down h3 { font-size: 14px }
}
@media (max-width:1280px) {
	.contact .contact-box1 .tab_ul li .top { padding: 50px 40px }
	.contact .contact-box1 .tab_ul li .bom::before { left: -280px; min-width: 1920px }
	.contact .contact-box1 iframe { height: 450px }
}
@media (max-width:1200px) {
	.contact .contact-box2 .down { width: 100% }
}
@media (max-width:768px) {
	.contact .contact-box1 .tab_ul li .top { padding: 40px 17.5px 40px 17.5px; display: block }
	.contact .contact-box1 .tab_ul li .top .tit { margin: 14px 0 4px; width: 100% }
	.contact .contact-box1 .tab_ul li .top .call { text-align: left }
	.contact .contact-box1 .tab_ul li .top .call a { margin-top: 10px; line-height: 32px }
	.contact .contact-box1 .tab_ul li .top .ico { max-width: 40px; position: absolute; top: 40px; right: 17px; font-size: 0 }
	.contact .contact-box1 .tab_ul li .bom::before { left: -310px }
	.contact .contact-box1 iframe { height: 360px }
}
.shopping .shopping-box1 { background-color: #fafafa; padding: 50px 0 80px }
.shopping .shopping-box1 .white { background-color: #fff; border-radius: 20px; padding: 30px }
.shopping .shopping-box1 .white .portal-tip { border-bottom: none }
.shopping .shopping-box1 .white .portal-tip .name h3 { font-size: 30px }
.shopping .shopping-box1 .white .item-le { width: 57.8%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.shopping .shopping-box1 .white .item-ri { width: 29.5%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;align-items: center;}




.shopping .shopping-box1 .white .up { padding: 0 35px 0 38px; background-color: #eee; border-radius: 10px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
/*.shopping .shopping-box1 .white .up .item-le { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start }*/

/*.shopping .shopping-box1 .white .up .item-le .up-name{ width: 100%; display: flex; justify-content: center;}*/

.shopping .shopping-box1 .white .up .up-name { font-size: 22px; color: #000; line-height: 60px }
.shopping .shopping-box1 .white .list .line { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5 }
.shopping .shopping-box1 .white .list .item { position: relative; padding: 20px 35px 20px 38px; border: 1px solid #fff; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transition: all .4s; transition: all .4s }
.shopping .shopping-box1 .white .list .item .col-img { max-width: 120px; background-color: #f8f8f8 }
.shopping .shopping-box1 .white .list .item .col-name { max-width: 64%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.shopping .shopping-box1 .white .list .item .col-name h3 { font-size: 18px; color: #000; margin-bottom: 6px }
.shopping .shopping-box1 .white .list .item .col-name p { font-size: 14px; color: #666; line-height: 24px }
.shopping .shopping-box1 .white .list .item .col-num span { border: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.shopping .shopping-box1 .white .list .item .col-num button { width: 26px; height: 35px; background-color: #eee; font-size: 20px; color: #000 }
.shopping .shopping-box1 .white .list .item .col-num p { font-size: 16px; color: #000; width: 40px; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.shopping .shopping-box1 .white .list .item .col-action { min-width: 44px }
.shopping .shopping-box1 .white .list .item .col-action .del-ico { width: 21px; height: 21px; background: url(../images/portal/h-delete-ico.png) no-repeat center; background-size: cover; display: block; margin: auto; cursor: pointer }
.shopping .shopping-box1 .white .list .item:hover { background-color: rgba(0, 139, 213, 0.1); border: 1px solid #008bd5 }
.shopping .shopping-box1 .white .down { width: 100%; padding: 26px 0; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; left: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.shopping .shopping-box1 .white .down .down-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.shopping .shopping-box1 .white .down .down-box .item-le { width: 32.5%; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end }
.shopping .shopping-box1 .white .down .down-box .item-ri { width: 32% }
.shopping .shopping-box1 .white .down .dd, .shopping .shopping-box1 .white .down .del-btn { font-size: 16px; color: #000; line-height: 48px }
.shopping .shopping-box1 .white .down .del-btn, .shopping .shopping-box1 .white .down .del-btn2 { cursor: pointer }
.shopping .shopping-box1 .white .down .del-btn2 { font-size: 16px; color: #000; line-height: 1.4; background: url(../images/portal/btn2-db.png) no-repeat left top; padding-left: 30px; background-size: 21px 21px }
.shopping .shopping-box1 .white .down .del-btn2 em { display: block; font-size: 12px }
.shopping .shopping-box1 .white .down .btn-num { font-size: 18px; color: #000; line-height: 48px }
.shopping .shopping-box1 .white .down .btn-a { display: inline-block; background-color: #008bd5; font-size: 16px; color: #fff; line-height: 48px; border-radius: 6px; padding: 0 65px }
.shopping .shopping-box1 .white .down .col-check .icon-checkbox { margin-right: 10px }
.shopping .shopping-box1 .white .down.on { position: static; box-shadow: none }
@media (max-width:1600px) {
	.shopping .shopping-box1 { padding: 50px 0 60px }
	.shopping .shopping-box1 .white .up .up-name { font-size: 20px }
}
@media (max-width:1280px) {
	.shopping .shopping-box1 .white .list .item { padding: 20px }
	.shopping .shopping-box1 .white .list .item .col-name h3 { font-size: 16px; margin-bottom: 0 }
	.shopping .shopping-box1 .white .list .item .col-num p { font-size: 14px }
	.shopping .shopping-box1 .white .up { padding: 0 20px }
	.shopping .shopping-box1 .white .down { position: static; padding: 20px 0 }
	.shopping .shopping-box1 .white .down .content { width: 100% }
	.shopping .shopping-box1 .white .down .down-box .item-le { width: 40% }
	.shopping .shopping-box1 .white .down .down-box .item-ri { width: 40% }
	.shopping .shopping-box1 .white .down .btn-num, .shopping .shopping-box1 .white .down .dd, .shopping .shopping-box1 .white .down .del-btn, .shopping .shopping-box1 .white .down .del-btn2 { font-size: 14px }
	.shopping .shopping-box1 .white .down .btn-a { font-size: 14px; padding: 0 40px }
	.shopping .shopping-box1 .white .down.on .content { padding: 0 }
}
@media (max-width:1200px) {
	.shopping .shopping-box1 .white { padding: 20px }
	.shopping .shopping-box1 .white .up .up-name { font-size: 16px }
}
@media (max-width:990px) {
	.shopping .shopping-box1 .white .up .item-ri { display: none }
	.shopping .shopping-box1 .white .list .item-le { width: 70% }
	.shopping .shopping-box1 .white .list .item-ri { width: auto; display: block }
	.shopping .shopping-box1 .white .list .col-action { position: absolute; right: 20px; top: 20px }
	.shopping .shopping-box1 .white .list .col-num { position: absolute; right: 20px; bottom: 20px }
}
@media (max-width:768px) {
	.shopping .shopping-box1 .white { padding: 20px 17.5px }
	.shopping .shopping-box1 .white .up { padding: 0 17.5px }
	.shopping .shopping-box1 .white .up .up-name { font-size: 14px }
	.shopping .shopping-box1 .white .item-le { width: 100% }
	.shopping .shopping-box1 .white .list .item-le { width: 100% }
	.shopping .shopping-box1 .white .list .item { padding: 40px 10px 50px }
	.shopping .shopping-box1 .white .list .item .col-img { max-width: 26%; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
	.shopping .shopping-box1 .white .list .item .col-img img { background-color: #f8f8f8 }
	.shopping .shopping-box1 .white .list .item .col-action { top: 12px }
	.shopping .shopping-box1 .white .list .item .col-num { bottom: 8px }
	.shopping .shopping-box1 .white .down .down-box .item-le { width: 100% }
	.shopping .shopping-box1 .white .down .down-box .item-ri { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 6px }
	.shopping .shopping-box1 .white .down .btn-a { padding: 0 8vw; margin-left: 10px }
}
.portal .portalBox { background-color: #fafafa; padding: min(2.604166666666667vw, 50px) 0 min(3.125vw, 60px) }
@media (max-width:1024px) {
	.portal .portalBox { padding: 25px 0 30px 0 }
}
.portal .portalBox .portal-white { background-color: #fff; padding: min(0.8333333333333334vw, 16px) 0 min(8.020833333333334vw, 154px); padding-left: min(1.5625vw, 30px); padding-right: min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-white { padding: 8px 0 77px 0 }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-white { padding-left: 15px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-white { padding-right: 15px }
}
.portal .portalBox .portal-title { margin-bottom: min(1.5625vw, 30px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-title { margin-bottom: 15px }
}
.portal .portalBox .portal-title .cn { font-size: 30px; color: #010101; line-height: 1.4 }
@media (max-width:1600px) {
	.portal .portalBox .portal-title .cn { font-size: 26px }
}
@media (max-width:1470px) {
	.portal .portalBox .portal-title .cn { font-size: 22px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-title .cn { font-size: 20px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-title .cn { font-size: 18px }
}
.portal .portalBox .tab-name a { display: inline-block; font-size: 16px; color: #000; line-height: 30px; position: relative; margin-left: min(1.7708333333333333vw, 34px) }
@media (max-width:1600px) {
	.portal .portalBox .tab-name a { font-size: 14px }
}
@media (max-width:768px) {
	.portal .portalBox .tab-name a { font-size: 12px }
}
@media (max-width:1024px) {
	.portal .portalBox .tab-name a { margin-left: 17px }
}
.portal .portalBox .tab-name a.on { color: #008bd5 }
.portal .portalBox .tab-name a.on::before { content: ''; width: 100%; height: 2px; background-color: #008bd5; position: absolute; left: 0; bottom: 0 }
.portal .portalBox .tab-name a:first-child { margin-left: 0 }
.portal .portalBox .portal-box1 .slide-box { position: relative; padding: 0 min(3.6458333333333335vw, 70px) 0 min(3.6458333333333335vw, 70px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .slide-box { padding: 0 35px 0 35px }
}
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide { margin-top: min(1.5625vw, 30px); overflow: hidden; height: 340px }
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide { margin-top: 15px }
}
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; width: auto }
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide { width: 33.33333%; height: 340px; padding: 0 10px; margin: 0 !important; margin-bottom: 20px !important }
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a { position: relative; width: 100%; height: 100%; display: block; background: #eee no-repeat center; background-size: 100% }
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .delete-slide-btn { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #008edc; display: table-cell; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50% }
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .delete-slide-btn img { max-width: 21px }
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { font-size: 24px; color: #010101; line-height: 1.4; position: absolute; left: 0; margin-bottom: min(0.7291666666666666vw, 14px); bottom: 0; text-align: center; width: 100%; padding: 0 min(0.7291666666666666vw, 14px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { font-size: 15px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { font-size: 14px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { margin-bottom: 7px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide a .h1 { padding: 0 7px 0 7px }
}
.portal .portalBox .portal-box1 .slide-box .portal-box1-slide.on { height: auto }
.portal .portalBox .portal-box1 .slide-btn { width: 60px; height: 60px; background: no-repeat center #eee; top: 50%; margin-top: -30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
.portal .portalBox .portal-box1 .slide-btn.swiper-button-prev { background-image: url(../images/portal/prev.png); left: -10px }
.portal .portalBox .portal-box1 .slide-btn.swiper-button-next { background-image: url(../images/portal/next.png); right: -10px }
.portal .portalBox .portal-box1 .slide-btn:hover { background-color: #008bd5 }
.portal .portalBox .portal-box1 .slide-btn.swiper-button-prev:hover { background-image: url(../images/portal/-prev.png) }
.portal .portalBox .portal-box1 .slide-btn.swiper-button-next:hover { background-image: url(../images/portal/-next.png) }
.portal .portalBox .portal-box1 .portal-reg-btn { margin-top: min(1.0416666666666665vw, 20px); text-align: center }
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .portal-reg-btn { margin-top: 10px }
}
.portal .portalBox .portal-box1 .portal-reg-btn .portal-more { cursor: pointer; display: inline-block; font-size: 16px; color: #fff; line-height: 48px; padding: 0 min(1.9791666666666665vw, 38px) 0 min(1.9791666666666665vw, 38px); background-color: #008bd5; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px }
@media (max-width:1600px) {
	.portal .portalBox .portal-box1 .portal-reg-btn .portal-more { font-size: 14px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box1 .portal-reg-btn .portal-more { font-size: 12px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box1 .portal-reg-btn .portal-more { padding: 0 19px 0 19px }
}
.portal .portalBox .portal-box2 { margin: min(3.90625vw, 75px) 0 min(4.0625vw, 78px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2 { margin: 37.5px 0 39px }
}
.portal .portalBox .portal-box2-slide, .portal .portalBox .portal-box3-slide { margin-top: min(1.5625vw, 30px); padding-bottom: min(2.2395833333333335vw, 43px); position: relative; overflow: hidden }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide, .portal .portalBox .portal-box3-slide { margin-top: 15px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide, .portal .portalBox .portal-box3-slide { padding-bottom: 21.5px }
}
.portal .portalBox .portal-box2-slide .swiper-slide, .portal .portalBox .portal-box3-slide .swiper-slide { width: 285px; padding: min(1.0416666666666665vw, 20px) 0 min(1.0416666666666665vw, 20px); padding-left: min(1.5625vw, 30px); padding-right: min(1.5625vw, 30px); background-color: #f5f7f7; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .swiper-slide, .portal .portalBox .portal-box3-slide .swiper-slide { padding: 10px 0 10px 0 }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .swiper-slide, .portal .portalBox .portal-box3-slide .swiper-slide { padding-left: 15px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .swiper-slide, .portal .portalBox .portal-box3-slide .swiper-slide { padding-right: 15px }
}
.portal .portalBox .portal-box2-slide .img, .portal .portalBox .portal-box3-slide .img { width: 190px; height: 260px; overflow: hidden; margin: auto; margin-bottom: min(1.9791666666666665vw, 38px); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .img, .portal .portalBox .portal-box3-slide .img { margin-bottom: 19px }
}
.portal .portalBox .portal-box2-slide .img img, .portal .portalBox .portal-box3-slide .img img { width: 190px; height: 260px }
.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { font-size: 22px; color: #000; line-height: 30px; margin-bottom: min(0.8333333333333334vw, 16px); max-width: 99%;  min-height: 60px;}
@media (max-width:1600px) {
	.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { font-size: 18px }
}
@media (max-width:1470px) {
	.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { font-size: 16px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { font-size: 14px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { font-size: 12px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .h1, .portal .portalBox .portal-box3-slide .h1 { margin-bottom: 8px }
}
.portal .portalBox .portal-box2-slide .h3, .portal .portalBox .portal-box3-slide .h3 { font-size: 16px; color: #999; line-height: 1 }
@media (max-width:1600px) {
	.portal .portalBox .portal-box2-slide .h3, .portal .portalBox .portal-box3-slide .h3 { font-size: 14px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box2-slide .h3, .portal .portalBox .portal-box3-slide .h3 { font-size: 12px }
}
.portal .portalBox .portal-box2-slide .btn { margin-top: min(1.875vw, 36px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .btn { margin-top: 18px }
}
.portal .portalBox .portal-box2-slide .btn a+a::before { background: url(../images/portal/download-ico.png) no-repeat center; background-size: cover }
.portal .portalBox .portal-box2-slide .btn a::before { content: ''; width: 17px; height: 17px; background: url(../images/portal/download2-ico.png) no-repeat center; background-size: cover; position: absolute; right: 19px; top: 0; bottom: 0; margin: auto }
.portal .portalBox .portal-box2-slide .btn a { position: relative; width: 100%; line-height: 44px; background-color: #dfe7ec; font-size: 14px; color: #008bd5; padding: 0 min(2.083333333333333vw, 40px) 0 min(0.9375vw, 18px); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s }
@media (max-width:1470px) {
	.portal .portalBox .portal-box2-slide .btn a { font-size: 12px }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box2-slide .btn a { font-size: 12px }
}
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .btn a { padding: 0 20px 0 9px }
}
.portal .portalBox .portal-box2-slide .btn a+a { margin-top: min(0.3125vw, 6px) }
@media (max-width:1024px) {
	.portal .portalBox .portal-box2-slide .btn a+a { margin-top: 3px }
}
.portal .portalBox .portal-box2-slide .btn a:hover { background-color: #008bd5; color: #fff }
.portal .portalBox .portal-box2-slide .btn a:hover::before { background: url(../images/portal/-download2-ico.png) no-repeat center; background-size: cover }
.portal .portalBox .portal-box2-slide .btn a+a:hover::before { background: url(../images/portal/-download-ico.png) no-repeat center; background-size: cover }
.portal .portalBox .portal-box2-slide .swiper-pagination, .portal .portalBox .portal-box3-slide .swiper-pagination { height: 3px; background-color: #f8f8f8; top: auto; bottom: 0 }
.portal .portalBox .portal-box2-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .portal .portalBox .portal-box3-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #008bd5 }
.portal .portalBox .portal-box3 .portal-tip { padding-bottom: 0 }
.portal .portalBox .portal-box3 .tab-name a { padding-bottom: min(1.40625vw, 27px); margin-bottom: -1px }
@media (max-width:1024px) {
	.portal .portalBox .portal-box3 .tab-name a { padding-bottom: 13.5px }
}
@media (max-width:1280px) {
	.portal .portalBox .portal-box1 .slide-box { padding: 0 }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide { height: auto; padding-bottom: 24px }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-wrapper { -ms-flex-wrap: initial; flex-wrap: initial; margin: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide { width: 300px; height: 300px; padding: 0; margin: 0 15px 0 0 !important }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
	.portal .portalBox .portal-box1 .portal-reg-btn { display: none }
	.portal .portal-box2 .portal-box2-slide .btn a:last-child { display: none }
}
@media (max-width:768px) {
	.portal .portalBox .portal-box1 .slide-box .portal-box1-slide .swiper-slide { width: 265px; height: 265px }
	.portal .portalBox .portal-box2-slide .swiper-slide, .portal .portalBox .portal-box3-slide .swiper-slide { width: 265px }
	.portal .portal-box3 .portal-tip { display: block; padding: 0 }
	.portal .portal-box3 .portal-tip .tab-p { clear: both; width: 100%; position: relative; margin-top: 6px }
	.portal .portal-box3 .portal-tip .tabBox { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; overflow-x: scroll; text-overflow: ellipsis; white-space: nowrap }
	.portal .portal-box3 .portal-tip .tabBox .tab-name { font-size: 0; overflow: visible; position: relative }
	.portal .portal-box3 .portal-tip .tabBox .tab-name a { display: inline-block; margin-left: 0; margin-right: 24px; position: relative }
	.portal .portal-box3 .portal-tip .tabBox .tab-name a.on::before { bottom: 0 }
	.portal .portal-box3 .portal-tip .tabBox::-webkit-scrollbar { width: 5px; height: 8px; background-color: #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
	.portal .portal-box3 .portal-tip .tabBox::-webkit-scrollbar-thumb { background-color: #008bd5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; display: none }
}



.anchorPoint {
  width: 100%;
  transform: translateY(90px);
}
@media (max-width:1800px) {
  .anchorPoint {
    transform: translateY(80px);
  }
}
@media (max-width:1600px) {
  .anchorPoint {
    transform: translateY(30px);
  }
}




.product_good {
  width: 100%;
  margin-top: min(5.20833333vw, 100px);
  background-image: url(../images/product/productbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
}
@media (max-width:1024px) {
  .product_good {
    margin-top: 50px;
  }
}
.product_good .box_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 100vh;
  position: relative;
  z-index: 3;
  justify-content: space-between;
}
.product_good .box_info .good_left {
  width: 47%;
  padding-top: min(5.20833333vw, 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (max-width:1024px) {
  .product_good .box_info .good_left {
    padding-top: 50px;
  }
}
.product_good .box_info .good_left .titlea {
  font-size: 36px;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width:1600px) {
  .product_good .box_info .good_left .titlea {
    font-size: 32px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_left .titlea {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_left .titlea {
    font-size: 24px;
  }
}
@media (max-width:768px) {
  .product_good .box_info .good_left .titlea {
    font-size: 20px;
  }
}
.product_good .box_info .good_left .good_swiper {
  /*margin-top: min(2.60416667vw, 50px);*/
  position: relative;
  top: 30vh;
  overflow: hidden;
}
@media (max-width:1024px) {
  .product_good .box_info .good_left .good_swiper {
    margin-top: 25px;
      top: 18vh;
  }
}

@media (max-width:768px) {
  .product_good .box_info .good_left .good_swiper {
    margin-top: 25px;
      top: 0;
  }
}
/*.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;*/
/*  display: flex;*/
/*  grid-gap: 0 40px;*/
/*}*/
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
  font-size: 100px;
  color: #fff;
  line-height: 1;
  font-family: 'Euclid-Square';
  position: relative;
}
@media (max-width:1600px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 90px;
  }
}
@media (max-width:1560px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 80px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 70px;
  }
}
@media (max-width:1366px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 60px;
  }
}
@media (max-width:1200px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 50px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 40px;
  }
}
@media (max-width:768px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboxleft {
    font-size: 35px;
  }
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top:40px;
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .titleab {
  font-size: 46px;
  color: white;
  line-height: 1;
}
@media (max-width:1600px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .titleab {
    font-size: 44px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .titleab {
    font-size: 38px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .titleab {
    font-size: 34px;
  }
}
@media (max-width:768px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .titleab {
    font-size: 28px;
  }
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab{margin-top: 20px;}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab p{
  font-size: 18px;
  color: white;
  margin-top: min(0.52083333vw, 10px);
}
@media (max-width:1600px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab p{
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab p{
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab p{
    font-size: 12px;
  }
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab p {
  color: white;
  line-height: 1.3 !important;
}
@media (max-width:1024px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop .iboright .subtiab {
    margin-top: 5px;
  }
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxImages img {
  width: 77%;
}
.product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxImages .wap {
  margin-top: 20px;
}
.product_good .box_info .good_right {
  width: 47%;
  padding-left: min(1.5625vw, 30px);
  padding-top: min(5.20833333vw, 100px);
  padding-bottom: min(2.60416667vw, 50px);
}
@media (max-width:1024px) {
  .product_good .box_info .good_right {
    padding-left: 15px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_right {
    padding-top: 50px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_right {
    padding-bottom: 25px;
  }
}
.product_good .box_info .good_right .rightBox {
  width: 100%;
  overflow: auto;
  display: flex;
justify-content: end;
}
.product_good .box_info .good_right .rightBox .itBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px 40px;
  width: 84%;
  cursor: pointer;
}
.product_good .box_info .good_right .rightBox .itBox .item {
  width: 100%;
  background: rgba(255, 255, 255, 0.336);
  border: 1px solid white;
  -webkit-aspect-ratio: 1;
  aspect-ratio: 1;
  border-radius: 15px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width:1280px) {
    .product_good .box_info .good_right .rightBox .itBox .item {
       aspect-ratio: 1.2; 
    }
}
.product_good .box_info .good_right .rightBox .itBox .item .num {
  font-size: 18px;
  color: white;
}
@media (max-width:1600px) {
  .product_good .box_info .good_right .rightBox .itBox .item .num {
    font-size: 16px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_right .rightBox .itBox .item .num {
    font-size: 13px;
  }
}
@media (max-width:768px) {
  .product_good .box_info .good_right .rightBox .itBox .item .num {
    font-size: 12px;
  }
}
.product_good .box_info .good_right .rightBox .itBox .item .wz {
  font-size: 20px;
  color: white;
}
@media (max-width:1600px) {
  .product_good .box_info .good_right .rightBox .itBox .item .wz {
    font-size: 15px;
  }
}
@media (max-width:1470px) {
  .product_good .box_info .good_right .rightBox .itBox .item .wz {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .product_good .box_info .good_right .rightBox .itBox .item .wz {
    font-size: 12px;
  }
}
@media (max-width:1600px) {
  .product_good .box_info .good_right .rightBox .itBox {
    grid-gap: 20px 20px;
  }
}
.product_good .box_info .good_right .rightBox::-webkit-scrollbar {
  width: 4px;
  height: 2px;
  border-radius: 50%;
}
.product_good .box_info .good_right .rightBox::-webkit-scrollbar-thumb {
  background: #008ad5 !important;
}
.product_good .box_info .good_right .rightBox::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(226, 226, 226, 0.76);
}
@media (max-width:990px) {
  .product_good .box_info {
    height: auto !important;
  }
  .product_good .box_info .good_right {
    padding-top: 20px !important;
  }
}
@media (max-width:768px) {
  .product_good .box_info {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .product_good .box_info .good_left {
    width: 100%;
  }
  .product_good .box_info .good_right {
    width: 100%;
    padding-left: 0 !important;
  }
  .product_good .box_info .good_right .rightBox .itBox {
    width: 100%;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-gap: 10px 10px;
  }
  .product_good .box_info .good_right .rightBox .itBox .item .wz{
      line-height: 1.2;
  }
  .product_good .box_info .good_right .rightBox .itBox .item{
      display: flex;
      align-items: center;
  }
  .product_good .box_info .good_right .rightBox .itBox .item .num{
      min-width: 25px;
  }
  .product_good .box_info .good_right .rightBox .itBox .item .wz{
      width: 80%;
  }
}
@media (max-width:640px) {
  .product_good .box_info .good_left .good_swiper {
    overflow: hidden;
  }
  .product_good .box_info .good_right {
    width: 100%;
  }
  .product_good .box_info .good_right .rightBox .itBox {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 10px 10px;
  }
  .product_good .box_info .good_right .rightBox .itBox .item {
    -webkit-aspect-ratio: unset !important;
    aspect-ratio: unset !important;
    padding: 5px 10px!important;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    border-radius: 5px !important;
  }
}
@media (max-width:480px) {
  .product_good .box_info .good_left .good_swiper .goodSwiper ul li .itemBox .boxTop {
    grid-gap: 10px 10px !important;
  }
  .product_good .box_info .good_right {
    width: 100%;
  }
  .product_good .box_info .good_right .rightBox .itBox {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 10px 10px;
  }
  .sszn-Form .wrap-box .register-inputsContainer .c_down span{ height: 39px !important; line-height: 1.2 !important; 
        display: flex
;
        align-items: center; }
}

.news-d .news-d-box .le .con p strong { display: inline-block; }
.news-d .news-d-box .le .con a { color: #00a0e9; }
.news-d .news-d-box .le .con a * { color: #00a0e9; }